@charset "UTF-8";

html {
    font-size: 26px;
}

/* reset */
body,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

input,
textarea {
    outline: none;
    border: none;
}

a {
    text-decoration: none;
}

img {
    display: block;
}

.ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#app {
    width: 10rem;
    margin: 0 auto;
}

.F5 {
    background: #F5F5F5;
}

.F6 {
    background: #F6F6F6;
}

.F7 {
    background: #F7F7F7;
}

.FF {
    background: #FFFFFF;
}

/* 弹窗 */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    overflow: auto;
    display: none;
}


.share-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    overflow: auto;
    display: none;
}


.share-popup .poseter-img {
    width: 100%;
    height: 64%;
    line-height: 64%;
}

.share-popup .poster-tips {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    height: 1.5rem;
    line-height: 1.5rem;
}


/* 顶部 */
.header .header-height {
    width: 10rem;
    height: 1.1733rem;
    background: #FFFFFF;
}

.header .header-wrap {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
    height: 1.1733rem;
}

.header .header-wrap .header-content {
    width: 10rem;
    height: 1.1733rem;
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 1.1733rem;
    background-color: rgba(255, 255, 255, 1);
    color: #000000;
}

.header .header-wrap .header-content .left {
    position: absolute;
    left: .4rem;
    top: 0;
    height: 1.1733rem;
    display: flex;
    align-items: center;
}

.header .header-wrap .header-content .left .go-back {
    width: .5867rem;
    height: .5867rem;
    cursor: pointer;
}

.header .header-wrap .header-content .left .go-back img {
    width: 100%;
    height: 100%;
}

.header .header-wrap .header-content .left .text {
    margin-left: .16rem;
    font-size: .48rem;
    height: 1.1733rem;
    line-height: 1.1733rem;
}

.header .header-wrap .header-content .title {
    height: 1.1733rem;
    font-size: .4533rem;
}

/* 底部tabBar */
.tab-bar-wrap .bar-height {
    height: 1.3333rem;
}

.tab-bar-wrap .tab-bar {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 10rem;
    height: 1.3333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
}

.tab-bar-wrap .tab-bar .item {
    width: 2.42rem;
    height: 1.3333rem;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.tab-bar-wrap .tab-bar .item .icon {
    margin-top: .1333rem;
    width: .6933rem;
    height: .6933rem;
}

.tab-bar-wrap .tab-bar .item .icon img {
    width: 100%;
    height: 100%;
}

.tab-bar-wrap .tab-bar .item .icon img:last-of-type {
    display: none;
}

.tab-bar-wrap .tab-bar .item .title {
    margin-top: .08rem;
    height: .2667rem;
    font-size: .2667rem;
    line-height: .2667rem;
    color: #666666;
}

.tab-bar-wrap .tab-bar .item.active .icon img:first-of-type {
    display: none;
}

.tab-bar-wrap .tab-bar .item.active .icon img:last-of-type {
    display: block;
}

.tab-bar-wrap .tab-bar .item.active .title {
    color: #376CFD;
}

/* 轮播样式 */
.carousel-container {
    overflow: hidden;
    position: relative;
}

.carousel-container .carousel-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.carousel-container .carousel-wrapper .carousel-item {
    min-width: 100%;
    height: 100%;
}

.carousel-container .carousel-dots {
    position: absolute;
    display: flex;
}

.carousel-container .carousel-dots .dot {
    cursor: pointer;
    transition: background-color 0.3s;
}

/* 首页 */
.index-page .header-box {
    width: 10rem;
    height: 8.2933rem;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.index-page .header-box .circle1 {
    position: absolute;
    left: 1.7867rem;
    top: -6.8267rem;
    width: 13.1733rem;
    height: 13.1733rem;
    border-radius: 50%;
    background: linear-gradient(149deg, #1D42EF 7%, #366AF9 83%);
}

.index-page .header-box .circle2 {
    position: absolute;
    left: -5.9467rem;
    bottom: 2.4533rem;
    width: 14.5067rem;
    height: 14.5067rem;
    border-radius: 50%;
    background: linear-gradient(106deg, #366BFD 10%, #376CFD 88%);
}

.index-page .header-box .user-box {
    position: absolute;
    left: .48rem;
    bottom: 5.76rem;
    height: 1.0357rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.index-page .header-box .user-box .avatar {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
}

.index-page .header-box .user-box .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.index-page .header-box .user-box .nickname-box {
    margin-left: .2176rem;
}

.index-page .header-box .user-box .nickname-box .nickname {
    height: .5824rem;
    width: 6.6667rem;
    line-height: .5867rem;
    font-size: .4267rem;
    font-weight: 500;
    color: #FFFFFF;
}

.index-page .header-box .user-box .nickname-box .tag-name {
    height: .4533rem;
    line-height: .4533rem;
    font-size: .32rem;
    color: rgba(255, 255, 255, 0.6);
}

.index-page .header-box .erji {
    position: absolute;
    bottom: 5.84rem;
    right: .5067rem;
    width: .6933rem;
    height: .6933rem;
    cursor: pointer;
}

.index-page .header-box .erji img {
    width: 100%;
    height: 100%;
}

.index-page .header-box .banner {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.5467rem;
    width: 9.2533rem;
    height: 3.76rem;
    border-radius: .16rem;
    overflow: hidden;
}

.index-page .header-box .banner #carousel1 {
    width: 100%;
    height: 100%;
}

.index-page .header-box .banner #carousel1 .carousel-item img {
    width: 100%;
    height: 100%;
}

.index-page .header-box .banner #carousel1 .carousel-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: .2133rem;
}

.index-page .header-box .banner #carousel1 .carousel-dots .dot {
    margin-right: .1067rem;
    width: .1067rem;
    height: .1067rem;
    border-radius: .0533rem;
    background: #FFFFFF;
}

.index-page .header-box .banner #carousel1 .carousel-dots .dot.active {
    width: .4267rem;
}

.index-page .header-box .notice-box {
    position: absolute;
    bottom: .2933rem;
    left: 50%;
    transform: translateX(-50%);
    width: 9.2rem;
    height: .88rem;
    border-radius: 4.73px;
    opacity: 1;
    background: #F8F8FA;
    display: flex;
    align-items: center;
}

.index-page .header-box .notice-box .notice-label {
    margin-left: .3733rem;
    height: .88rem;
    font-size: .4419rem;
    line-height: .88rem;
    font-weight: bold;
    color: #333333;
    flex-shrink: 0;
}

.index-page .header-box .notice-box .notice-label span {
    color: #F83F35;
}

.index-page .header-box .notice-box .notice-text {
    margin-left: 18px;
    height: .88rem;
    width: 6.4rem;
    font-size: .3787rem;
    line-height: .88rem;
    letter-spacing: 0px;
    color: #333333;
}

.index-page .two-box {
    margin: .32rem auto 0;
    width: 9.36rem;
    display: flex;
    justify-content: space-between;
}

.index-page .two-box .top {
    margin-top: .2667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-page .two-box .top .title {
    margin-left: .2667rem;
    width: 1.4933rem;
    height: .5333rem;
    font-size: .3749rem;
    line-height: .5333rem;
    color: #000000;
    white-space: nowrap;;
}

.index-page .two-box .top .more {
    margin-right: .3579rem;
    height: .5333rem;
    line-height: .5333rem;
    display: flex;
    align-items: center;
    font-size: .2667rem;
    line-height: .5333rem;
    color: #FFFFFF;
    background: linear-gradient(90deg, #3467F8 0%, #4E7DFC 100%);
    padding: 0 .2277rem 0 7.89px;
    border-radius: .24rem;
    border-bottom-left-radius: 0;
    cursor: pointer;
}

.index-page .two-box .top .more img {
    margin-left: .0888rem;
    width: .0936rem;
    height: .1472rem;
}

.index-page .two-box .left {
    margin-left: 6px;
    width: 4.4533rem;
    height: 6.48rem;
    border-radius: .2677rem;
    background: #EFF4FF;
    overflow: hidden;
}

.index-page .two-box .left #carousel2 {
    margin: .2165rem auto 0;
    width: 3.9093rem;
    height: 5.009rem;
    border-radius: .2141rem;
    background: #FFFFFF;
    border: .0267rem solid #A3DDFF;
}

.index-page .two-box .left #carousel2 .carousel-item {
    position: relative;
    cursor: pointer;
}

.index-page .two-box .left #carousel2 .carousel-item .jian {
    position: relative;
    margin-top: .1339rem;
    margin-left: .1605rem;
    width: .5333rem;
    height: .5333rem;

}

.index-page .two-box .left #carousel2 .carousel-item .jian img {
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999998;
}

.index-page .two-box .left #carousel2 .carousel-item .jian span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .348rem;
    color: #FFFFFF;
    font-weight: 500;
    z-index: 9999999;
}

.index-page .two-box .left #carousel2 .carousel-item .product-image {
    position: absolute;
    height: 3.5187rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.index-page .two-box .left #carousel2 .carousel-item .product-image img {
    width: auto;
    height: 100%;
}

.index-page .two-box .left #carousel2 .carousel-dots {
    left: .2133rem;
    bottom: .2133rem;
}

.index-page .two-box .left #carousel2 .carousel-dots .dot {
    margin-right: .0533rem;
    width: .1067rem;
    height: .0533rem;
    border-radius: .0533rem;
    background: #F0F0F0;
}

.index-page .two-box .left #carousel2 .carousel-dots .dot.active {
    width: .2133rem;
    background: #A3DDFF;
}

.index-page .two-box .left .product-title {
    margin: .2667rem auto 0;
    width: 3.7867rem;
    height: .5333rem;
    line-height: .5333rem;
    font-size: .3749rem;
    color: #333333;
    text-align: left;
}

.index-page .two-box .left .point-box {
    margin-top: .112rem;
    margin-left: .3733rem;
    height: .4267rem;
    display: flex;
    align-items: center;
}

.index-page .two-box .left .point-box img {
    width: .3733rem;
    height: .3733rem;
}

.index-page .two-box .left .point-box span {
    line-height: .4267rem;
    height: .4267rem;
    margin-left: .1067rem;
    font-size: 16px;
    color: #3467F8;
}

.index-page .two-box .right {
    width: 4.4533rem;
    height: 6.48rem;
    border-radius: .2677rem;
    background: linear-gradient(180deg, #BFFFE8 -5%, #FFFFFF 27%);
    overflow: hidden;
}

.index-page .two-box .right .product-list {
    margin: .2667rem auto 0;
    display: flex;
    flex-wrap: wrap;
    width: 3.8933rem;
    justify-content: space-between;
}

.index-page .two-box .right .product-list .item {
    margin-bottom: .216rem;
    width: 1.8667rem;
    cursor: pointer;
}

.index-page .two-box .right .product-list .item .product-image {
    width: 1.8667rem;
    height: 1.8667rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: .0267rem solid #A3DDFF;
    border-radius: .2141rem;
}

.index-page .two-box .right .product-list .item .product-image img {
    max-width: 90%;
    max-height: 90%;
}

.index-page .two-box .right .product-list .item .product-title {
    margin-top: .0533rem;
    width: 1.8667rem;
    text-align: center;
    height: .5067rem;
    line-height: .5067rem;
    font-size: .348rem;
    color: #333333;
}

.index-page .video-box {
    margin: .3467rem auto 0;
    width: 9.36rem;
    height: 7.2264rem;
    border-radius: .16rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 4.13px 20.65px 0px rgba(104, 128, 235, 0.1), inset 0px 1.03px 1.03px 0px #FFFFFF;
}

.index-page .video-box .bg {
    width: 9.36rem;
    height: 7.2264rem;
}

.index-page .video-box .bg img {
    width: 100%;
    height: 100%;
}

.index-page .video-box .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 9.36rem;
    height: 7.2264rem;
}

.index-page .video-box .content .top {
    margin-top: .4131rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index-page .video-box .content .top .title {
    margin-left: .5232rem;
    height: .6608rem;
    line-height: .6608rem;
    font-size: .4955rem;
    color: #FFFFFF;
}

.index-page .video-box .content .top .more-box {
    margin-right: .2203rem;
    height: .6608rem;
    padding: 0 .3027rem 0 .2752rem;
    border-radius: .1067rem;
    background: #FFF0DD;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index-page .video-box .content .top .more-box .point {
    width: .1101rem;
    height: .1101rem;
    border-radius: 50%;
    background: #AF8151;
    margin-right: .1101rem;
}

.index-page .video-box .content .top .more-box .text {
    width: 78.95%;
    height: .6608rem;
    line-height: .6608rem;
    font-size: .3853rem;
    font-weight: 500;
    color: #AF8151;
}

.index-page .video-box .content .article-list {
    margin: .7733rem auto 0;
}

.index-page .video-box .content .article-list .article-item {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 8.5341rem;
    height: 2.5603rem;
    padding: .2203rem .2885rem .2245rem 12.62px;
    box-sizing: border-box;
    border-radius: .2885rem;
    background: #FFFFFF;
    margin-top: .1376rem;
    cursor: pointer;
}

.index-page .video-box .content .article-list .article-item .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index-page .video-box .content .article-list .article-item .left .title {
    margin-top: .1885rem;
    width: 4.4232rem;
    height: 1.0667rem;
    font-size: .3845rem;
    line-height: .5333rem;
    color: #111111;
}

.index-page .video-box .content .article-list .article-item .left .bottom {
    height: .2885rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #9E9E9E;
    font-size: .2885rem;
}

.index-page .video-box .content .article-list .article-item .left .bottom .time-box {
    height: .2885rem;
    display: flex;
    align-items: center;
}

.index-page .video-box .content .article-list .article-item .left .bottom .time-box img {
    width: .2885rem;
    height: .2885rem;
}

.index-page .video-box .content .article-list .article-item .left .bottom .time-box span {
    margin-left: .1203rem;
}

.index-page .video-box .content .article-list .article-item .left .bottom .right-text {
    height: .2885rem;
    line-height: .2885rem;
}

.index-page .video-box .content .article-list .article-item .right {
    width: 3.0291rem;
    height: 2.1155rem;
}

.index-page .video-box .content .article-list .article-item .right img {
    width: 100%;
    height: 100%;
}

.index-page .video-box .content .article-list .article-item:first-of-type {
    margin-top: 0;
}

.index-page .recommend-box {
    margin: .5067rem auto 0;
}

.index-page .recommend-box .title {
    height: .7467rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-page .recommend-box .title .left {
    width: .8533rem;
    height: .0267rem;
    border-radius: .0267rem;
    background: linear-gradient(90deg, rgba(150, 150, 150, 0) 0%, #969696 100%);
}

.index-page .recommend-box .title .right {
    width: .8533rem;
    height: .0267rem;
    border-radius: .0267rem;
    background: linear-gradient(90deg, #969696 0%, rgba(150, 150, 150, 0) 100%);
}

.index-page .recommend-box .title .middle {
    margin: 0 .2667rem;
    font-size: 20px;
    line-height: .7467rem;
    color: #333333;
}

.index-page .recommend-box .list {
    margin: .5067rem auto 0;
    width: 9.36rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.index-page .recommend-box .list .item {
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 11px;
    margin-bottom: 10px;
    background: #FFFFFF;
}

.index-page .recommend-box .list .item .product-image {
    width: 4.5333rem;
    height: 4.5333rem;
}

.index-page .recommend-box .list .item .product-image img {
    width: 100%;
    height: 100%;
}

.index-page .recommend-box .list .item .product-title {
    margin-top: .3733rem;
    margin-left: .2667rem;
    width: 4rem;
    height: .4rem;
    font-size: .4rem;
    line-height: .4rem;
    color: #333333;
}

.index-page .recommend-box .list .item .bottom {
    margin: .2933rem auto 0;
    width: 4rem;
    height: .64rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-page .recommend-box .list .item .bottom .point-box {
    height: .64rem;
    display: flex;
    align-items: center;
}

.index-page .recommend-box .list .item .bottom .point-box img {
    width: .3733rem;
    height: .3733rem;
}

.index-page .recommend-box .list .item .bottom .point-box span {
    /*margin-left: .1067rem;*/
    height: .4267rem;
    font-size: .4267rem;
    line-height: .4267rem;
    color: #3467F8;
}

.index-page .recommend-box .list .item .bottom .btn {
    padding: 0 .2933rem;
    height: .64rem;
    line-height: .64rem;
    border-radius: .32rem;
    color: #FFFFFF;
    font-size: .32rem;
    background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
    box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
    cursor: pointer;
}

/* 达人升级 */
.drsj-page .top-wrap {
    width: 10rem;
    height: 4.6667rem;
    position: relative;
}

.drsj-page .top-wrap img {
    width: 100%;
    height: 100%;
}

.drsj-page .top-wrap .title {
    position: absolute;
    top: .8rem;
    left: 0;
    width: 10rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .5333rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

.drsj-page .card-list {
    position: relative;
    margin: -2.16rem auto 0;
    width: 8.3467rem;
}

.drsj-page .card-list .item {
    width: 100%;
    height: 2.96rem;
    border-radius: 10px;
    background: #F3E0B3;
    overflow: hidden;
    margin-bottom: .2667rem;
    cursor: pointer;
}

.drsj-page .card-list .item .top {
    margin-top: .32rem;
    width: 1.6533rem;
    height: .6933rem;
    background: linear-gradient(113deg, #3D3634 0%, #827776 100%);
    border-top-right-radius: .3467rem;
    border-bottom-right-radius: .3467rem;
    overflow: hidden;
}

.drsj-page .card-list .item .top img {
    margin-top: .1333rem;
    margin-left: .1867rem;
    width: 1.0667rem;
    height: .4267rem;
}

.drsj-page .card-list .item .middle {
    margin-top: .1867rem;
    height: .6667rem;
    display: flex;
    justify-content: space-between;
}

.drsj-page .card-list .item .middle .left {
    margin-left: .5067rem;
    height: .6667rem;
    font-size: .48rem;
    line-height: .6667rem;
    color: #333333;
}

.drsj-page .card-list .item .middle .right {
    margin-right: .7733rem;
    height: .6667rem;
    display: flex;
    align-items: center;
}

.drsj-page .card-list .item .middle .right img {
    width: .72rem;
    height: .6667rem;
    margin-left: .24rem;
}

.drsj-page .card-list .item .bottom {
    margin-top: .16rem;
    margin-left: .5067rem;
    height: .4533rem;
    font-size: .32rem;
    line-height: .4533rem;
    color: #B88640;
}

.drsj-page .card-list .item:nth-of-type(2) {
    background: #E4CDC2;
}

.drsj-page .card-list .item:nth-of-type(3) {
    background: #5C5660;
}

.drsj-page .card-list .item:nth-of-type(3) .middle .left {
    color: #FAD2A5;
}

.drsj-page .card-list .item:nth-of-type(3) .bottom {
    color: #FAD2A5;
}

/* 会员升级 */
.hysj-page {
    padding-bottom: .6933rem;
}

.hysj-page .top-wrap {
    width: 10rem;
    height: 4.0533rem;
    overflow: hidden;
    position: relative;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 4.0533rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(2) {
    position: absolute;
    top: 2.2667rem;
    left: .4rem;
    width: 9.2rem;
    height: 2.72rem;
    border-radius: .2667rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(3) {
    position: absolute;
    left: 0;
    top: 3.3259rem;
    width: 10rem;
    height: 2.1867rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(4) {
    position: absolute;
    left: 3.2rem;
    top: 2.2667rem;
    width: .2381rem;
    height: 1.512rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(5) {
    position: absolute;
    left: 3.6701rem;
    top: 2.2667rem;
    width: .5245rem;
    height: 1.564rem;
}

.hysj-page .top-wrap .bg-list img:nth-of-type(6) {
    position: absolute;
    left: 4.1536rem;
    top: 2.2667rem;
    width: .8864rem;
    height: 1.5733rem;
}

.hysj-page .top-wrap .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.hysj-page .top-wrap .content .user-info {
    margin-top: .4267rem;
    margin-left: .4rem;
    height: 1.6rem;
    display: flex;
}

.hysj-page .top-wrap .content .user-info .left {
    width: 1.6rem;
    height: 1.6rem;
}

.hysj-page .top-wrap .content .user-info .left img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.hysj-page .top-wrap .content .user-info .right {
    margin-left: .2667rem;
}

.hysj-page .top-wrap .content .user-info .right .row-1 {
    margin-top: .0533rem;
    height: .5867rem;
    font-size: .4267rem;
    font-weight: .5867rem;
    color: #FFFFFF;
}

.hysj-page .top-wrap .content .user-info .right .row-2 {
    margin-top: .3467rem;
    height: .4rem;
    font-size: .2933rem;
    line-height: .4rem;
    color: #FFFFFF;
}

.hysj-page .top-wrap .content .desc-wrap {
    margin-top: .56rem;
    display: flex;
    justify-content: space-between;
}

.hysj-page .top-wrap .content .desc-wrap .desc {
    margin-left: .8533rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #FAD2A5;
}

.hysj-page .top-wrap .content .desc-wrap .tips-box {
    margin-right: .8267rem;
    width: 1.28rem;
    height: .5333rem;
    border-radius: .2667rem;
    box-sizing: border-box;
    border: .0267rem solid #FFFFFF;
    line-height: .48rem;
    font-size: .32rem;
    color: #FFFFFF;
    text-align: center;
}

.hysj-page .product-wrap .product-box {
    margin-top: .96rem;
}

.hysj-page .product-wrap .product-box .title-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .64rem;
}

.hysj-page .product-wrap .product-box .title-wrap img {
    width: .4rem;
    height: .2667rem;
}

.hysj-page .product-wrap .product-box .title-wrap .title {
    margin: 0 .2533rem;
    height: .64rem;
    line-height: .64rem;
    color: #333333;
    font-size: .4533rem;
}

.hysj-page .product-wrap .product-box .subtitle-wrap {
    margin-top: .16rem;
    height: .4533rem;
    line-height: .4533rem;
    color: #875E2B;
    font-size: .32rem;
    text-align: center;
}

.hysj-page .product-wrap .product-box .subtitle-wrap span {
    margin-left: .4rem;
}

.hysj-page .product-wrap .product-box .product-list {
    margin: .5067rem auto 0;
    width: 9.1467rem;
    display: flex;
    flex-wrap: wrap;
}

.hysj-page .product-wrap .product-box .product-list .product-item {
    margin-right: 12px;
    margin-bottom: .4267rem;
    width: 2.8267rem;
    height: 4.2133rem;
    position: relative;
}

.hysj-page .product-wrap .product-box .product-list .product-item .selected-img {
    display: none;
    position: absolute;
    left: .24rem;
    top: .16rem;
    width: .48rem;
    height: .48rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .selected-img img {
    width: 100%;
    height: 100%;
}

.hysj-page .product-wrap .product-box .product-list .product-item .product-image {
    width: 2.8267rem;
    height: 2.8267rem;
    border-radius: .1067rem;
    overflow: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg, #D4E9FF -29%, #FFFFFF 92%);
}

.hysj-page .product-wrap .product-box .product-list .product-item .product-image img {
    width: 100%;
    height: 100%;
}

.hysj-page .product-wrap .product-box .product-list .product-item .product-title {
    margin: .2133rem auto 0;
    width: 2.72rem;
    height: .5067rem;
    font-size: .3467rem;
    line-height: .5067rem;
    color: #333333;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom {
    height: .6133rem;
    line-height: .6133rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .left {
    height: .6133rem;
    font-size: .4267rem;
    color: #F73131;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .left span {
    font-size: .2933rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right {
    height: .6133rem;
    display: flex;
    align-items: center;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap,
.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap {
    width: .4432rem;
    height: .4533rem;
    position: relative;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap .out,
.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap .out {
    width: 100%;
    height: 100%;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap .in,
.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap .in {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .2216rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .minus-wrap .in {
    height: .0453rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .add-wrap .in {
    height: .2267rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item .bottom .right .number {
    font-weight: .6133rem;
    font-size: .3101rem;
    color: #2E343A;
    padding: 0 .1773rem;
}

.hysj-page .product-wrap .product-box .product-list .product-item:nth-of-type(3n) {
    margin-right: 0;
}

.hysj-page .product-wrap .product-box .product-list .product-item.active .selected-img {
    display: block;
}

.hysj-page .product-wrap .product-box .product-list .product-item.active .product-image {
    border: .0267rem solid #2493F1;
}

.hysj-page .product-wrap .product-box:first-of-type {
    margin-top: .32rem;
}

.hysj-page .commit-btn {
    margin: 0.54rem auto 0;
    /*width: 8.2933rem;*/
    width: 45%;
    height: 1.28rem;
    line-height: 1.28rem;
    border-radius: .64rem;
    text-align: center;
    background: #C6C7CB;
    color: #FFFFFF;
    font-size: .4267rem;
    font-weight: 500;
}

.hysj-page .commit-btn.active {
    background-color: #2493F1;
}

/* 邀请朋友 */
.invite-page {
    padding-bottom: .4rem;
}

.invite-page .top-wrap {
    width: 10rem;
    position: relative;
}

.invite-page .top-wrap .invite-bg1 {
    width: 10rem;
    height: 5.5467rem;
}

.invite-page .top-wrap .invite-bg1 img {
    width: 100%;
    height: 100%;
}

.invite-page .top-wrap .sph {
    position: absolute;
    /* top: .4533rem;
  left: 2.28rem;
  width: 3.44rem;
  height: 1.5467rem; */

    top: .6533rem;
    left: 2.08rem;
    width: 5.84rem;
}

.invite-page .top-wrap .sph img {
    width: 100%;
    height: 100%;
}

/* .invite-page .top-wrap .sph .title {
  white-space: nowrap;
  color: rgb(231, 48, 24) ;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgb(95, 42, 35);
} */

.invite-page .top-wrap .text {
    position: absolute;
    top: 1.7867rem;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
    height: 1.2rem;
    font-size: .5333rem;
    font-weight: bold;
    line-height: 1.2rem;
    color: #FFFFFF;
    /* color: rgb(215, 75, 49) ;
  text-shadow: 1px 1px 1px rgb(95, 42, 35); */
    text-align: center;
}

.invite-page .middle-wrap {
    margin: -2.2933rem auto 0;
    width: 9.2rem;
    height: 12.7067rem;
    border-radius: .4rem;
    overflow: hidden;
    position: relative;
}

.invite-page .middle-wrap .invite-bg2 {
    width: 9.2rem;
    height: 12.7067rem;
}

.invite-page .middle-wrap .invite-bg2 img {
    width: 100%;
    height: 100%;
}

.invite-page .middle-wrap .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.2rem;
    height: 12.7067rem;
}

.invite-page .middle-wrap .content .top-box {
    margin: .5333rem auto 0;
    width: 8.1867rem;
    height: 8.1867rem;
    position: relative;
}

.invite-page .middle-wrap .content .top-box #carousel1 {
    width: 100%;
    height: 100%;
}

.invite-page .middle-wrap .content .top-box #carousel1 .carousel-item img {
    width: 100%;
    height: 100%;
}

.invite-page .middle-wrap .content .top-box .to-left {
    position: absolute;
    top: 50%;
    left: -0.3333rem;
    transform: translateY(-50%);
    width: .6667rem;
    height: .6667rem;
}

.invite-page .middle-wrap .content .top-box .to-left img {
    width: 100%;
    height: 100%;
}

.invite-page .middle-wrap .content .top-box .to-right {
    position: absolute;
    top: 50%;
    right: -0.3333rem;
    transform: translateY(-50%);
    width: .6667rem;
    height: .6667rem;
}

.invite-page .middle-wrap .content .top-box .to-right img {
    width: 100%;
    height: 100%;
}

.invite-page .middle-wrap .content .bottom-box {
    margin-top: .2933rem;
    display: flex;
}

.invite-page .middle-wrap .content .bottom-box .left {
    margin-left: .3733rem;
    width: 3.1733rem;
    height: 3.1733rem;
    flex-shrink: 0;
}

.invite-page .middle-wrap .content .bottom-box .left img {
    width: 100%;
    height: 100%;
}

.invite-page .middle-wrap .content .bottom-box .right {
    margin-left: .2667rem;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box {
    margin-top: .24rem;
    height: 1.0357rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .avatar {
    flex-shrink: 0;
    width: 1.0357rem;
    height: 1.0357rem;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .nickname-box {
    margin-left: .2176rem;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .nickname-box .nickname {
    height: .5333rem;
    width: 3.7333rem;
    line-height: .5333rem;
    font-size: .3733rem;
    font-weight: 500;
    color: #000000;
}

.invite-page .middle-wrap .content .bottom-box .right .user-box .nickname-box .tag-name {
    height: .3733rem;
    line-height: .3733rem;
    font-size: .2667rem;
    color: rgba(0, 0, 0, 0.5);
}

.invite-page .middle-wrap .content .bottom-box .right .share-code {
    display: inline-block;
    margin-top: .3243rem;
    padding: 0 .2667rem;
    /* height: .56rem;
  line-height: .56rem; */
    height: .76rem;
    line-height: .76rem;
    border-radius: .8rem;
    text-align: center;
    color: #000000;
    font-size: .3467rem;
    background: linear-gradient(90deg, rgba(36, 147, 241, 0.2) 0%, rgba(125, 199, 255, 0.2) 100%);
}

.invite-page .middle-wrap .content .bottom-box .right .tips {
    margin-top: .2133rem;
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #333333;
}

.invite-page .click-tips {
    margin-top: .3333rem;
    height: .4267rem;
    font-size: .2933rem;
    font-weight: .4267rem;
    line-height: 16px;
    text-align: center;
}

.invite-page .click-tips .blue {
    color: #1A66FF;
}

.invite-page .btn-list {
    margin-top: .4267rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.12rem;
    line-height: 1.12rem;
}

.invite-page .btn-list .left-btn,
.invite-page .btn-list .right-btn {
    margin-right: .5333rem;
    width: 3.36rem;
    height: 1.12rem;
    line-height: 1.12rem;
    border-radius: .8rem;
    background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
    color: #FFFFFF;
    text-align: center;
    font-size: .4rem;
    cursor: pointer;
}

.invite-page .btn-list .right-btn {
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.invite-page .popup-content {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1000;
    width: 10rem;
    height: 5.8133rem;
    background: #FFFFFF;
    border-top-left-radius: .5333rem;
    border-top-right-radius: .5333rem;
    display: none;
}

.invite-page .popup-content .title {
    margin-top: .5067rem;
    height: .56rem;
    font-size: .4rem;
    line-height: .56rem;
    text-align: center;
    color: #333333;
}

.invite-page .popup-content .middle {
    margin-top: 23px;
    display: flex;
    justify-content: center;
}

.invite-page .popup-content .middle .left,
.invite-page .popup-content .middle .right {
    width: 3.1467rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.invite-page .popup-content .middle .left .img,
.invite-page .popup-content .middle .right .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.3867rem;
    height: 1.3867rem;
    background: linear-gradient(90deg, #3FD57B 0%, #8EEB79 100%);
    border-radius: 50%;
}

.invite-page .popup-content .middle .left .img img,
.invite-page .popup-content .middle .right .img img {
    max-width: .8rem;
    max-height: .8rem;
}

.invite-page .popup-content .middle .left .text,
.invite-page .popup-content .middle .right .text {
    margin-top: .1333rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    text-align: center;
    color: #333333;
}

.invite-page .popup-content .middle .right .img {
    background: linear-gradient(90deg, #9EDB14 0%, #C9EE3F 100%);
}

.invite-page .popup-content .cancel-btn {
    margin-top: .8267rem;
    height: .64rem;
    font-size: .4533rem;
    line-height: .64rem;
    text-align: center;
    color: #333333;
}

/* 我的 */
.wd-page .top-wrap {
    width: 10rem;
    height: 5.6133rem;
    position: relative;
    overflow: hidden;
}

.wd-page .top-wrap .bg {
    position: absolute;
    left: 0;
    top: -1.0267rem;
    width: 10rem;
    height: 6.64rem;
}

.wd-page .top-wrap .bg img {
    width: 100%;
    height: 100%;
}

.wd-page .top-wrap .top-content {
    position: absolute;
    width: 10rem;
    height: 5.6133rem;
    left: 0;
    top: 0;
}

.wd-page .top-wrap .top-content .header-wrap {
    width: 10rem;
    height: 1.1733rem;
    display: flex;
    align-items: center;
}

.wd-page .top-wrap .top-content .header-wrap .go-back {
    margin-left: .4rem;
    width: .5867rem;
    height: .5867rem;
}

.wd-page .top-wrap .top-content .header-wrap .go-back img {
    width: 100%;
    height: 100%;
}

.wd-page .top-wrap .top-content .header-wrap .text {
    margin-left: .16rem;
    height: .6667rem;
    font-size: .48rem;
    line-height: .6667rem;
    color: #FFFFFF;
}

.wd-page .top-wrap .top-content .user-info {
    margin-top: .3867rem;
    margin-left: .4rem;
    height: 1.6rem;
    display: flex;
}

.wd-page .top-wrap .top-content .user-info .left {
    width: 1.6rem;
    height: 1.6rem;
}

.wd-page .top-wrap .top-content .user-info .left img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.wd-page .top-wrap .top-content .user-info .right {
    margin-left: .2667rem;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 {
    margin-top: .16rem;
    height: .7467rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .nickname {
    width: 2.64rem;
    height: .7467rem;
    font-size: .48rem;
    line-height: .7467rem;
    color: #FFFFFF;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .vip-box {
    background: linear-gradient(90deg, #373232 10%, #ffd2a0 100%);
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    padding: .07rem .30rem;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .vip-box .royal {
    width: .3491rem;
    height: .3491rem;
}

.wd-page .top-wrap .top-content .user-info .right .row-1 .vip-box .vip-text {
    font-size: .2500rem;
    color: #FFE1C0;
    margin-left: .10rem;
}

.wd-page .top-wrap .top-content .user-info .right .row-2 {
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
}

.wd-page .top-wrap .top-content .user-info .right .row-2 div {
    margin-right: .48rem;
}
.wd-page .top-wrap .top-content .user-info .right .row-2 div:last-child{
    margin-right: 0;
}

.wd-page .top-wrap .top-content .layer1 {
    margin-top: .32rem;
    height: .5867rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wd-page .top-wrap .top-content .layer1 .left {
    margin-left: 1.1733rem;
    color: #FFE1C0;
    font-size: .3733rem;
    font-weight: bold;
    height: .5867rem;
    line-height: .5867rem;
}

.wd-page .top-wrap .top-content .layer1 .right {
    margin-right: 1.0283rem;
    height: .5867rem;
    display: flex;
    align-items: center;
}

.wd-page .top-wrap .top-content .layer1 .right div {
    height: .5867rem;
    line-height: .5867rem;
    font-size: .32rem;
    color: #FFE1C0;
}

.wd-page .top-wrap .top-content .layer1 .right img {
    width: .2933rem;
    height: .2933rem;
}

.wd-page .top-wrap .top-content .upgrade {
    position: absolute;
    top: 2.0933rem;
    right: .4rem;
    width: 1.5467rem;
    height: .72rem;
    border-radius: .3733rem;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.wd-page .top-wrap .top-content .upgrade div {
    margin-left: .3704rem;
    color: #2493F1;
    height: .72rem;
    line-height: .72rem;
    font-size: .3293rem;
}

.wd-page .top-wrap .top-content .upgrade img {
    width: .3051rem;
    height: .3051rem;
}

.wd-page .layer2 {
    margin: -1.44rem auto 0;
    width: 9.2rem;
    height: 2.6667rem;
    position: relative;
    border-radius: .2133rem;
    overflow: hidden;
}

.wd-page .layer2 img {
    width: 100%;
    height: 100%;
}

.wd-page .layer2 .layer2-top {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

.wd-page .layer2 .layer2-top .num-box {
    flex: 1;
    border-right: 1px solid #FFE1C0;
    text-align: center;
    color: #FFE1C0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 55%;
}

.wd-page .layer2 .layer2-top .num-box .count{
    font-size: .55rem;
}
.wd-page .layer2 .layer2-top .num-box .text{
    font-size: .4rem;
}
.wd-page .layer2 .layer2-top .num-box:last-child {
    border-right: none;
}


.wd-page .layer2 .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 9.2rem;
    height: 2.6667rem;
}

.wd-page .layer2 .content .layer2-top {
    margin-top: .4267rem;
    display: flex;
    height: .5333rem;
}

.wd-page .layer2 .content .layer2-top .left {
    display: flex;
    height: .5333rem;
}

.wd-page .layer2 .content .layer2-top .left img {
    margin-left: .48rem;
    width: .5333rem;
    height: .5333rem;
}

.wd-page .layer2 .content .layer2-top .left span {
    margin-left: .1333rem;
    height: .5333rem;
    line-height: .5333rem;
    font-size: .4267rem;
    color: #FFDBB5;
}

.wd-page .layer2 .content .layer2-top .right {
    margin-left: .1867rem;
    margin-top: .1067rem;
    height: .4rem;
    font-size: .32rem;
    line-height: .4rem;
    color: #FFDBB5;
}

.wd-page .layer2 .content .layer2-bottom {
    margin-top: .4533rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wd-page .layer2 .content .layer2-bottom .left {
    margin-left: .64rem;
    height: .8rem;
    font-size: .8rem;
    line-height: .8rem;
    color: #FFDBB5;
}

.wd-page .layer2 .content .layer2-bottom .right {
    margin-right: .3733rem;
    height: .6933rem;
    padding: 0 .4267rem;
    border-radius: .3467rem;
    background: linear-gradient(90deg, #FFEACB 0%, #E8BC77 100%);
    font-family: Alibaba PuHuiTi 2.0;
    font-size: .32rem;
    line-height: .6933rem;
    text-align: center;
    color: #333333;
}

.wd-page .middle-wrap {
    margin: .2667rem auto 0;
    width: 9.2rem;
    height: 2.9867rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.wd-page .middle-wrap .item {
    width: 2.2667rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wd-page .middle-wrap .item img {
    margin-top: .56rem;
    width: 1.2rem;
    height: 1.2rem;
}

.wd-page .middle-wrap .item div {
    margin-top: .16rem;
    height: .5067rem;
    font-size: .3467rem;
    line-height: .5067rem;
    color: #333333;
}

.wd-page .bottom-wrap {
    margin: .2667rem auto 0;
    width: 9.2rem;
    border-radius: .2667rem;
    background: #FFFFFF;
}

.wd-page .bottom-wrap .item {
    display: flex;
    justify-content: space-between;
    height: 1.4933rem;
    align-items: center;
    cursor: pointer;
}

.wd-page .bottom-wrap .item .left {
    margin-left: .24rem;
    height: 1.4933rem;
    display: flex;
    align-items: center;
}

.wd-page .bottom-wrap .item .left .icon {
    width: .64rem;
    height: .64rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wd-page .bottom-wrap .item .left .icon img {
    max-width: 100%;
    max-width: 100%;
}

.wd-page .bottom-wrap .item .left .title {
    margin-left: .1867rem;
    height: .64rem;
    line-height: .64rem;
    color: #1A1F2D;
    font-size: .4rem;
}

.wd-page .bottom-wrap .item .right {
    margin-right: .32rem;
    width: .4267rem;
    height: .4267rem;
}

.wd-page .bottom-wrap .item .right img {
    width: 100%;
    height: 100%;
}

.wd-page .bottom-wrap .item:nth-of-type(1) .icon img {
    width: .4667rem;
    height: .4435rem;
}

.wd-page .bottom-wrap .item:nth-of-type(2) .icon img {
    width: .4667rem;
    height: .42rem;
}

.wd-page .bottom-wrap .item:nth-of-type(3) .icon img {
    width: .64rem;
    height: .64rem;
}

.wd-page .bottom-wrap .item:nth-of-type(4) .icon img {
    width: .5333rem;
    height: .5333rem;
}

.wd-page .bottom-wrap .item:nth-of-type(5) .icon img {
    width: .5867rem;
    height: .5867rem;
}

.wd-page .bottom-wrap .item:nth-of-type(6) .icon img {
    width: .64rem;
    height: .64rem;
}

.wd-page .version-content {
    margin: .2667rem auto .4267rem;
    height: .4267rem;
    font-size: .2933rem;
    line-height: .4267rem;
    text-align: center;
    color: #646466;
}

.wd-page .version-content span {
    margin-left: .2667rem;
    color: #1A66FF;
}

/* 积分钱包 */
.point-wallet-page {
    padding-bottom: .2667rem;
}

.point-wallet-page .top-wrap {
    width: 10rem;
    height: 4.2667rem;
    position: relative;
}

.point-wallet-page .top-wrap .bg {
    width: 10rem;
    height: 4.2667rem;
}

.point-wallet-page .top-wrap .bg img {
    width: 100%;
    height: 100%;
}

.point-wallet-page .top-wrap .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 10rem;
    height: 4.2667rem;
    display: flex;
    justify-content: space-between;
}

.point-wallet-page .top-wrap .content .left {
    margin-top: .8733rem;
    margin-left: .4rem;
    height: 1.52rem;
}

.point-wallet-page .top-wrap .content .left .point-row {
    display: flex;
}

.point-wallet-page .top-wrap .content .left .point-row .number {
    height: .96rem;
    font-size: 1.0667rem;
    line-height: .96rem;
    color: #FFFFFF;
}

.point-wallet-page .top-wrap .content .left .point-row .coin {
    margin-top: .3733rem;
    width: .5867rem;
    height: .5867rem;
}

.point-wallet-page .top-wrap .content .left .point-row .coin img {
    width: 100%;
    height: 100%;
}

.point-wallet-page .top-wrap .content .left .rule {
    height: .4rem;
    line-height: .4rem;
    margin-top: .1333rem;
    font-size: .2933rem;
    color: #FFFFFF;
}

.point-wallet-page .top-wrap .content .right {
    margin-top: .7733rem;
    margin-right: .4rem;
    width: 2.6533rem;
    height: 1.12rem;
    border-radius: .8rem;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.point-wallet-page .top-wrap .content .right div {
    height: 1.12rem;
    line-height: 1.12rem;
    font-size: .4rem;
    color: #2493F1;
}

.point-wallet-page .top-wrap .content .right img {
    width: .3733rem;
    height: .3733rem;
}

.point-wallet-page .rows-wrap {
    margin: -1.7067rem auto 0;
    width: 9.2rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    padding-bottom: .8rem;
}

.point-wallet-page .rows-wrap .title {
    margin-top: .3467rem;
    height: .6667rem;
    font-family: Alibaba PuHuiTi 2.0;
    font-size: .48rem;
    line-height: .6667rem;
    color: #2493F1;
    text-align: center;
    font-weight: 600;
}

.point-wallet-page .rows-wrap .rows .item {
    margin: .4267rem auto 0;
    width: 8.3467rem;
    height: 1.0933rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.point-wallet-page .rows-wrap .rows .item .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.point-wallet-page .rows-wrap .rows .item .left .text {
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.point-wallet-page .rows-wrap .rows .item .left .time {
    height: .4533rem;
    font-size: .32rem;
    line-height: .4533rem;
    color: #777777;
}

.point-wallet-page .rows-wrap .rows .item .right {
    height: .5867rem;
    font-size: .4267rem;
    line-height: .5867rem;
    color: #2493F1;
}

/* 收款账号 */
.acount-page .top-wrap {
    margin: .4533rem auto 0;
    width: 9.2rem;
    height: 2.72rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.acount-page .top-wrap .row {
    margin-top: .9867rem;
    margin-left: .6133rem;
    display: flex;
}

.acount-page .top-wrap .row .pay-logo {
    height: .7733rem;
    width: auto;
}

.acount-page .top-wrap .row .pay-logo img {
    height: 100%;
    width: auto;
}

.acount-page .top-wrap .row .name {
    margin-top: .16rem;
    margin-left: .4rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.acount-page .top-wrap .default {
    position: absolute;
    top: .3733rem;
    right: .56rem;
    height: .48rem;
    padding: 0 .48rem;
    background: #3388FF;
    font-size: .2933rem;
    line-height: .48rem;
    color: #FFFFFF;
}

.acount-page .rows-wrap {
    margin: 16px auto 0;
    width: 9.2rem;
    min-height: 7.3867rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    padding: .2933rem 0;
}

.acount-page .rows-wrap .rows .item {
    height: 1.3867rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.acount-page .rows-wrap .rows .item .left {
    height: 1.3867rem;
    display: flex;
    align-items: center;
}

.acount-page .rows-wrap .rows .item .left .icon {
    margin-left: .4rem;
    min-width: .7467rem;
    height: .64rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acount-page .rows-wrap .rows .item .left .icon img {
    max-height: 100%;
    width: auto;
}

.acount-page .rows-wrap .rows .item .left span {
    margin-left: .1867rem;
    font-size: .4rem;
    font-weight: 600;
    color: #333333;
}

.acount-page .rows-wrap .rows .item .right {
    height: 1.3867rem;
    display: flex;
    align-items: center;
}

.acount-page .rows-wrap .rows .item .right .qrcode {
    width: .9867rem;
    height: .9867rem;
}

.acount-page .rows-wrap .rows .item .right span {
    font-size: 14px;
    line-height: .5333rem;
    color: #B6BDBD;
    margin-right: .1013rem;
}

.acount-page .rows-wrap .rows .item .right .right-icon {
    margin-right: .32rem;
    width: .72rem;
    height: .8509rem;
}

.acount-page .rows-wrap .rows .item .bottom-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 8.5067rem;
    height: .0267rem;
    background: rgba(216, 216, 216, 0.2);
}

.acount-page .bottom-wrap {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 10rem;
    height: 1.8133rem;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.acount-page .bottom-wrap .edit-btn {
    width: 9.2rem;
    height: 1.12rem;
    line-height: 1.12rem;
    border-radius: .56rem;
    background: #2493F1;
    text-align: center;
    color: #FFFFFF;
    font-size: .4267rem;
}

.acount-page .bottom-wrap-height {
    height: 2.6133rem;
}

/* 提现 */
.withdrawal-page .top-wrap {
    margin: .4533rem auto 0;
    width: 9.2rem;
    height: 3.4933rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.withdrawal-page .top-wrap .title {
    margin-top: .5067rem;
    margin-left: .4267rem;
    height: .56rem;
    font-size: .4rem;
    line-height: .56rem;
    color: #333333;
}

.withdrawal-page .top-wrap .amount-box {
    margin-top: .3733rem;
    display: flex;
    align-items: center;
    height: .9067rem;
}

.withdrawal-page .top-wrap .amount-box .symbol {
    margin-left: .4267rem;
    width: .64rem;
    height: .9067rem;
    font-size: 24px;
    line-height: .9067rem;
    color: #333333;
    text-align: center;
}

.withdrawal-page .top-wrap .amount-box input {
    margin-left: .24rem;
    width: 31.19%;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.withdrawal-page .top-wrap .amount-box input::placeholder {
    font-size: .3733rem;
    color: #B6BDBD;
}

.withdrawal-page .top-wrap .hr {
    margin: .16rem auto 0;
    width: 8.2933rem;
    height: 1px;
    background: #EDEEF2;
}

.withdrawal-page .top-wrap .bottom-text {
    margin-top: .16rem;
    margin-left: .5333rem;
    height: .4267rem;
    display: flex;
    line-height: .4267rem;
    align-items: center;
    font-size: .2933rem;
}

.withdrawal-page .top-wrap .bottom-text .text {
    height: .4267rem;
    line-height: .4267rem;
    color: #646466;
}

.withdrawal-page .top-wrap .bottom-text .btn {
    margin-left: .2667rem;
    height: .4267rem;
    line-height: .4267rem;
    color: #1A66FF;
    cursor: pointer;
}

.withdrawal-page .payway-wrap {
    margin: .4267rem auto 0;
    width: 9.2rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    overflow: hidden;
    padding-bottom: .6667rem;
}

.withdrawal-page .payway-wrap .title {
    margin-top: .5067rem;
    margin-left: .4267rem;
    height: .56rem;
    font-size: .4rem;
    line-height: .56rem;
    color: #333333;
}

.withdrawal-page .payway-wrap .list {
    margin-top: .8533rem;
    margin-left: .8533rem;
    display: flex;
    flex-wrap: wrap;
}

.withdrawal-page .payway-wrap .list .item {
    width: 1.8667rem;
    margin-right: .8533rem;
    margin-bottom: .2667rem;
    position: relative;
    cursor: pointer;
}

.withdrawal-page .payway-wrap .list .item .image {
    width: 1.8667rem;
    height: 1.28rem;
    border-radius: .16rem;
    background: #FFFFFF;
    box-sizing: border-box;
    border: .0267rem solid #2493F1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.withdrawal-page .payway-wrap .list .item .image img {
    max-height: .7467rem;
    max-width: 1.3333rem;
}

.withdrawal-page .payway-wrap .list .item .text {
    margin-top: .1067rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
    text-align: center;
}

.withdrawal-page .payway-wrap .list .item .sel-img {
    position: absolute;
    left: -0.24rem;
    top: -0.24rem;
    width: .48rem;
    height: .48rem;
    display: none;
}

.withdrawal-page .payway-wrap .list .item.active .sel-img {
    display: block;
}

.withdrawal-page .bottom-btn {
    position: fixed;
    left: 50%;
    bottom: .8rem;
    transform: translateX(-50%);
    width: 8.2933rem;
    height: 1.28rem;
    line-height: 1.28rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .4267rem;
    border-radius: .64rem;
    background: #2493F1;
    cursor: pointer;
}

.my-recommend-page {
    padding-bottom: .3467rem;
}

.my-recommend-page .container {
    margin: .3467rem auto 0;
    width: 9.2rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    padding-bottom: .48rem;
    overflow: hidden;
}

.my-recommend-page .container .search-box {
    margin: .48rem auto 0;
    width: 8.3467rem;
    height: .96rem;
    border-radius: .8rem;
    background: #F2F2F2;
    display: flex;
    align-items: center;
}

.my-recommend-page .container .search-box img {
    margin-left: 2.4rem;
    width: .4533rem;
    height: .4533rem;
    cursor: pointer;
}

.my-recommend-page .container .search-box input {
    margin-left: .16rem;
    width: 4rem;
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
    background: #F2F2F2;
}

.my-recommend-page .container .search-box input::placeholder {
    font-size: .3467rem;
    color: #BDBDBD;
}

.my-recommend-page .container .list {
    margin-top: .08rem;
}

.my-recommend-page .container .list .item {
    margin: .0533rem auto 0;
    width: 8.3467rem;
    height: 2.1867rem;
    background: #FFFFFF;
    box-shadow: 0px 1px 0px 0px #EEEEEE;
    position: relative;
    overflow: hidden;
    display: flex;
}

.my-recommend-page .container .list .item .avatar {
    margin-top: .4533rem;
    width: 1.3333rem;
    height: 1.3333rem;
}

.my-recommend-page .container .list .item .avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.my-recommend-page .container .list .item .info {
    margin-left: .2667rem;
}

.my-recommend-page .container .list .item .info .nickname-box {
    margin-top: .4533rem;
    height: .5333rem;
    display: flex;
    align-items: center;
}

.my-recommend-page .container .list .item .info .nickname-box .nickname {
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.my-recommend-page .container .list .item .info .nickname-box .daren {
    margin-left: .1333rem;
    width: 1.2rem;
    height: .3733rem;
    position: relative;
}

.my-recommend-page .container .list .item .info .nickname-box .daren img {
    width: 100%;
    height: 100%;
}

.my-recommend-page .container .list .item .info .nickname-box .daren .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2rem;
    height: .3733rem;
    line-height: .3733rem;
    text-align: center;
    color: #232734;
    font-size: .2667rem;
}

.my-recommend-page .container .list .item .info .phone {
    margin-top: .2933rem;
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
}

.my-recommend-page .container .list .item .right-row1,
.my-recommend-page .container .list .item .right-row2 {
    position: absolute;
    right: 0;
    top: .7467rem;
    font-size: .32rem;
    height: .4533rem;
    line-height: .4533rem;
    color: #999999;
}

.my-recommend-page .container .list .item .right-row2 {
    top: 1.2rem;
}

/* 会员升级2 */
.hysj2-page {
    padding-bottom: .88rem;
}

.hysj2-page .top-wrap {
    width: 10rem;
    height: 4.0533rem;
    overflow: hidden;
    position: relative;
}

.hysj2-page .top-wrap .bg-list img {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 4.0533rem;
}

.hysj2-page .top-wrap .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
}

.hysj2-page .top-wrap .content .user-info {
    margin-top: .4267rem;
    margin-left: .4rem;
    height: 1.6rem;
    display: flex;
}

.hysj2-page .top-wrap .content .user-info .left {
    width: 1.6rem;
    height: 1.6rem;
}

.hysj2-page .top-wrap .content .user-info .left img {
    width: 100%;
    height: 100%;
}

.hysj2-page .top-wrap .content .user-info .right {
    margin-left: .2667rem;
}

.hysj2-page .top-wrap .content .user-info .right .row-1 {
    margin-top: .0533rem;
    height: .5867rem;
    font-size: .4267rem;
    font-weight: .5867rem;
    color: #FFFFFF;
}

.hysj2-page .top-wrap .content .user-info .right .row-2 {
    margin-top: .1867rem;
    height: .56rem;
    display: flex;
    align-items: baseline;
}

.hysj2-page .top-wrap .content .user-info .right .row-2 .text-left {
    margin-top: .16rem;
    height: .4rem;
    font-size: .2933rem;
    line-height: .4rem;
    color: #FFFFFF;
}

.hysj2-page .top-wrap .content .user-info .right .row-2 .text-right {
    font-size: .3931rem;
    height: .56rem;
    line-height: .56rem;
    color: #FFFFFF;
}

.hysj2-page .product-wrap {
    margin: -1.7867rem auto 0;
    position: relative;
    width: 9.2rem;
    height: 22.28rem;
    background: #FFFFFF;
    border-radius: .2667rem;
    box-shadow: 0px 3px 6px 0px rgba(177, 177, 177, 0.16);
    overflow: hidden;
}

.hysj2-page .product-wrap .product-box {
    margin-top: .8533rem;
}

.hysj2-page .product-wrap .product-box .title-wrap {
    display: flex;
    height: .6667rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .title {
    margin-left: .3733rem;
    margin-right: .3467rem;
    height: .6667rem;
    line-height: .6667rem;
    color: #000000;
    font-size: .48rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text {
    height: .56rem;
    font-size: .32rem;
    line-height: .56rem;
    color: #2493F1;
    display: flex;
    align-items: baseline;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text span:nth-of-type(1) {
    font-size: .32rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text span:nth-of-type(2) {
    font-size: .2704rem;
}

.hysj2-page .product-wrap .product-box .title-wrap .amount-text span:nth-of-type(3) {
    font-size: .3931rem;
}

.hysj2-page .product-wrap .product-box .product-list {
    margin: .2933rem auto 0;
    width: 8.48rem;
    display: flex;
    flex-wrap: wrap;
}

.hysj2-page .product-wrap .product-box .product-list .product-item {
    margin-right: .32rem;
    margin-bottom: .38rem;
    width: 2.6133rem;
    height: 3.8867rem;
    position: relative;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .product-image {
    width: 2.6133rem;
    height: 2.6133rem;
    border-radius: .1067rem;
    overflow: hidden;
    box-sizing: border-box;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .product-image img {
    width: 100%;
    height: 100%;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .product-title {
    margin: .1971rem auto 0;
    width: 2.6133rem;
    height: .4533rem;
    font-size: .32rem;
    line-height: .4533rem;
    color: #333333;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom {
    margin-top: .0643rem;
    height: .56rem;
    line-height: .56rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom .left {
    height: .56rem;
    font-size: .3931rem;
    color: #F73131;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom .left span {
    font-size: .2704rem;
}

.hysj2-page .product-wrap .product-box .product-list .product-item .bottom .right {
    margin-right: .1579rem;
    height: .56rem;
    font-size: .3195rem;
    color: rgba(51, 51, 51, 0.5);
}

.hysj2-page .product-wrap .product-box .product-list .product-item:nth-of-type(3n) {
    margin-right: 0;
}

.hysj2-page .product-wrap .product-box .product-list .product-item.active .selected-img {
    display: block;
}

.hysj2-page .product-wrap .product-box .product-list .product-item.active .product-image {
    border: .0267rem solid #2493F1;
}

.hysj2-page .product-wrap .product-box:first-of-type {
    margin-top: .32rem;
}

.hysj2-page .btn-wrap {
    margin-top: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.12rem;
    text-align: center;
    line-height: 1.12rem;
    color: #FFFFFF;
    font-size: .4rem;
}

.hysj2-page .btn-wrap .btn {
    width: 3.36rem;
    border-radius: .56rem;
    background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
}

.hysj2-page .btn-wrap .right-btn {
    margin-left: .5333rem;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

/* 任务列表 */
.tasklist-page {
    padding-bottom: .5333rem;
}

.tasklist-page .top-wrap {
    width: 10rem;
    height: 3.4667rem;
    background: #FFFFFF;
    border-top: .0267rem solid #ECECEC;
    box-sizing: border-box;
    overflow: hidden;
}

.tasklist-page .top-wrap .title {
    margin-top: .5333rem;
    margin-left: .5333rem;
    height: .96rem;
    font-size: .6133rem;
    line-height: .96rem;
    color: #000000;
}

.tasklist-page .top-wrap .progress-bar {
    margin: .32rem auto 0;
    width: 9.2rem;
    height: .4rem;
    border-radius: .8rem;
    background: #EEEEEE;
    position: relative;
}

.tasklist-page .top-wrap .progress-bar .progress {
    position: absolute;
    left: 0;
    top: 0;
    height: .4rem;
    border-radius: .8rem;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.tasklist-page .top-wrap .desc {
    margin-top: .24rem;
    margin-left: .4rem;
    height: .4267rem;
    font-size: .2933rem;
    line-height: .4267rem;
    color: #646466;
}

.tasklist-page .list-wrap {
    margin: .4267rem auto 0;
    width: 9.2rem;
    overflow: hidden;
}

.tasklist-page .list-wrap .item {
    margin-bottom: .32rem;
    width: 9.2rem;
    height: 2.1867rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.tasklist-page .list-wrap .item .tag {
    width: 1.7667rem;
    height: .56rem;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .2667rem 0px .2667rem 0;
    background: #EAFEF5;
    text-align: center;
    font-size: .32rem;
    line-height: .56rem;
    color: #2EBC8C;
}

.tasklist-page .list-wrap .item .tag.blue {
    background: #F1F8FF;
    color: #339CF3;
}

.tasklist-page .list-wrap .item .orange {
    background: #FEF4EA;
    color: #F37D33;
}

.tasklist-page .list-wrap .item .row {
    display: flex;
}

.tasklist-page .list-wrap .item .row .rank {
    margin-top: .8267rem;
    margin-left: .56rem;
    width: .4533rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.tasklist-page .list-wrap .item .row .avatar {
    margin-top: .4267rem;
    margin-left: .2667rem;
    width: 1.3333rem;
    height: 1.3333rem;
    border-radius: 50%;
    overflow: hidden;
}

.tasklist-page .list-wrap .item .row .avatar img {
    width: 100%;
    height: 100%;
}

.tasklist-page .list-wrap .item .row .name-box {
    margin-left: .2667rem;
}

.tasklist-page .list-wrap .item .row .name-box .nickname {
    margin-top: .6133rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.tasklist-page .list-wrap .item .row .name-box .phone {
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
}

.tasklist-page .list-wrap .item .right-wrap {
    top: .1067rem;
    right: 0;
    position: absolute;
    height: 2.08rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tasklist-page .list-wrap .item .right-wrap .btn {
    margin-right: 20px;
    margin-left: auto;
    right: .5333rem;
    top: .72rem;
    width: 2.1333rem;
    height: .8533rem;
    border-radius: .4267rem;
    text-align: center;
    line-height: .8533rem;
    font-size: .4rem;
    background: #EEEEEE;
    color: #666666;
    cursor: pointer;
}

.tasklist-page .list-wrap .item .right-wrap .btn.green {
    color: #FFFFFF;
    background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%), linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.tasklist-page .list-wrap .item .right-wrap .btn.blue {
    color: #FFFFFF;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.tasklist-page .list-wrap .item .right-wrap .time {
    margin-top: .1067rem;
    margin-right: .4267rem;
    margin-left: auto;
    height: .48rem;
    font-size: .32rem;
    line-height: .48rem;
    color: #EE2C2C;
}

/* 任务审核 */
.taskaudit-page {
    padding-bottom: .5333rem;
}

.taskaudit-page .top-wrap {
    margin: .3733rem auto 0;
    width: 9.2rem;
    height: 2.3467rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.taskaudit-page .top-wrap .line {
    position: absolute;
    left: 4.4533rem;
    top: 50%;
    transform: translateY(-50%);
    width: .0267rem;
    height: 1.1467rem;
    background: #EDEEF2;
}

.taskaudit-page .top-wrap .left {
    width: 4.4533rem;
    box-sizing: border-box;
}

.taskaudit-page .top-wrap .left .number {
    margin-top: .3467rem;
    height: .9067rem;
    font-size: .64rem;
    font-weight: bold;
    line-height: .9067rem;
    text-align: center;
    color: #2493F1;
    text-align: center;
}

.taskaudit-page .top-wrap .left .label {
    margin-top: .08rem;
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
    text-align: center;
}

.taskaudit-page .top-wrap .right {
    width: 4.72rem;
    box-sizing: border-box;
}

.taskaudit-page .top-wrap .right .amount {
    margin-top: .3467rem;
    height: .9067rem;
    font-size: .64rem;
    font-weight: bold;
    line-height: .9067rem;
    text-align: center;
    color: #F73131;
}

.taskaudit-page .top-wrap .right .amount span {
    font-size: .3733rem;
}

.taskaudit-page .top-wrap .right .label {
    margin-top: .08rem;
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
    text-align: center;
}

.taskaudit-page .tag-list {
    width: 10rem;
    height: 1.4933rem;
    display: flex;
    overflow: hidden;
}

.taskaudit-page .tag-list .item {
    margin-left: .5867rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.taskaudit-page .tag-list .item .text {
    margin-top: .6133rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #777777;
    text-align: center;
}

.taskaudit-page .tag-list .item img {
    display: none;
    margin-top: .08rem;
    width: .4365rem;
    height: .1803rem;
}

.taskaudit-page .tag-list .item.active .text {
    color: #000000;
    font-size: .5333rem;
}

.taskaudit-page .tag-list .item.active img {
    display: block;
}

.taskaudit-page .list-wrap {
    margin: .4267rem auto 0;
    width: 9.2rem;
    overflow: hidden;
}

.taskaudit-page .list-wrap .item {
    margin-bottom: .32rem;
    width: 9.2rem;
    height: 2.1867rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.taskaudit-page .list-wrap .item .tag {
    width: 1.4667rem;
    height: .56rem;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .2667rem 0px .2667rem 0;
    background: #EAFEF5;
    text-align: center;
    font-size: .32rem;
    line-height: .56rem;
    color: #2EBC8C;
}

.taskaudit-page .list-wrap .item .tag.blue {
    background: #F1F8FF;
    color: #339CF3;
}

.taskaudit-page .list-wrap .item .orange {
    background: #FEF4EA;
    color: #F37D33;
}

.taskaudit-page .list-wrap .item .row {
    display: flex;
}

.taskaudit-page .list-wrap .item .row .rank {
    margin-top: .8267rem;
    margin-left: .56rem;
    width: .4533rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.taskaudit-page .list-wrap .item .row .avatar {
    margin-top: .4267rem;
    margin-left: .2667rem;
    width: 1.3333rem;
    height: 1.3333rem;
    border-radius: 50%;
    overflow: hidden;
}

.taskaudit-page .list-wrap .item .row .avatar img {
    width: 100%;
    height: 100%;
}

.taskaudit-page .list-wrap .item .row .name-box {
    margin-left: .2667rem;
}

.taskaudit-page .list-wrap .item .row .name-box .nickname {
    margin-top: .6133rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.taskaudit-page .list-wrap .item .row .name-box .phone {
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
}

.taskaudit-page .list-wrap .item .right-wrap {
    top: .1067rem;
    right: 0;
    position: absolute;
    height: 2.08rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.taskaudit-page .list-wrap .item .right-wrap .btn {
    margin-right: 20px;
    margin-left: auto;
    right: .5333rem;
    top: .72rem;
    width: 2.1333rem;
    height: .8533rem;
    border-radius: .4267rem;
    text-align: center;
    line-height: .8533rem;
    font-size: .4rem;
    background: #EEEEEE;
    color: #666666;
    cursor: pointer;
}

.taskaudit-page .list-wrap .item .right-wrap .btn.green {
    color: #FFFFFF;
    background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%), linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit-page .list-wrap .item .right-wrap .btn.blue {
    color: #FFFFFF;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit-page .list-wrap .item .right-wrap .time {
    margin-top: .1067rem;
    margin-right: .4267rem;
    margin-left: auto;
    height: .48rem;
    font-size: .32rem;
    line-height: .48rem;
    color: #EE2C2C;
}

/* 达人计划 */
.drjh-page {
    padding-bottom: .32rem;
}

.drjh-page .content {
    margin: .32rem auto 0;
    width: 9.2rem;
    padding-bottom: 1.2267rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    overflow: hidden;
}

.drjh-page .content .title-box {
    margin: .5333rem auto 0;
    height: .7467rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drjh-page .content .title-box .left {
    width: .8533rem;
    height: .0267rem;
    border-radius: .0267rem;
    background: linear-gradient(90deg, rgba(150, 150, 150, 0) 0%, #969696 100%);
}

.drjh-page .content .title-box .text {
    margin: 0 .32rem;
    height: .7467rem;
    font-size: .5333rem;
    line-height: .7467rem;
    color: #333333;
}

.drjh-page .content .title-box .text span {
    color: #2493F1;
}

.drjh-page .content .title-box .right {
    width: .8533rem;
    height: .0267rem;
    border-radius: .0267rem;
    background: linear-gradient(90deg, #969696 0%, rgba(150, 150, 150, 0) 100%);
}

.drjh-page .content .current-task {
    margin-top: .5067rem;
    margin-left: .4rem;
    /*width: 2rem;*/
    height: .6133rem;
    line-height: .6133rem;
    text-align: center;
    background: #EAFEF5;
    color: #2EBC8C;
    font-size: .3467rem;
    border-radius: .2667rem;
    border-bottom-left-radius: 0;
}

.drjh-page .content .task-name {
    margin-top: .2667rem;
    margin-left: .4rem;
    height: .4267rem;
    font-size: .32rem;
    line-height: .4267rem;
    color: #646466;
}

.drjh-page .content .procedure-box {
    margin: .72rem auto 0;
    width: 7.8133rem;
    border-left: .0533rem solid #2493F1;
    box-sizing: border-box;
    padding-top: .4133rem;
    padding-bottom: .7067rem;
    position: relative;
}

.drjh-page .content .procedure-box .title-1,
.drjh-page .content .procedure-box .title-2 {
    position: absolute;
    top: -0.3333rem;
    left: .3733rem;
    height: .5867rem;
    font-size: .4267rem;
    line-height: normal;
    color: #000000;
}

.drjh-page .content .procedure-box .title-2 {
    top: auto;
    bottom: -0.2533rem;
}

.drjh-page .content .procedure-box .one,
.drjh-page .content .procedure-box .two {
    position: absolute;
    top: -0.28rem;
    left: -0.3067rem;
    width: .56rem;
    height: .56rem;
    line-height: .56rem;
    border-radius: 50%;
    background: #2493F1;
    text-align: center;
    color: #FFFFFF;
    font-size: .4rem;
    font-weight: bold;
}

.drjh-page .content .procedure-box .two {
    top: auto;
    bottom: -0.28rem;
}

.drjh-page .content .procedure-box .qrcode {
    margin-left: .2667rem;
    width: 2.9067rem;
    height: 2.9067rem;
}

.drjh-page .content .procedure-box .qrcode img {
    width: 100%;
    height: 100%;
}

.drjh-page .content .procedure-box .qrcode-tips {
    margin-left: .3733rem;
    height: .4533rem;
    font-size: .32rem;
    line-height: .4533rem;
    color: #000000;
}

.drjh-page .content .procedure-box .red-tips {
    margin-top: .2667rem;
    margin-left: .3733rem;
    width: 7.0667rem;
    font-size: .32rem;
    line-height: .48rem;
    color: #EE2C2C;
}

.drjh-page .content .form-box {
    margin-top: .4933rem;
    display: flex;
    align-items: center;
    height: 1.1733rem;
}

.drjh-page .content .form-box input {
    margin-left: 1.12rem;
    width: 6.48rem;
    height: 1.1733rem;
    box-sizing: border-box;
    padding: .2667rem .2987rem .32rem;
    line-height: .5867rem;
    border-radius: .1067rem;
    background: #F6F6F6;
    font-size: .4267rem;
    color: #666666;
}

.drjh-page .content .form-box .add {
    margin-left: .2133rem;
    width: 1.0133rem;
    height: 1.0133rem;
    border-radius: 50%;
    background: #F6F6F6;
    color: rgba(102, 102, 102, 0.5);
    font-size: .96rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.drjh-page .content .form-box .add img {
    width: .5333rem;
    height: .5333rem;
}

.drjh-page .content .phone-box {
    margin-top: .2933rem;
    height: .5333rem;
    display: flex;
    align-items: center;
}

.drjh-page .content .phone-box .phone {
    margin-left: 1.12rem;
    margin-right: .5067rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #666666;
}

.drjh-page .content .phone-box .phone span {
    color: #2493F1;
}

.drjh-page .content .phone-box .btn {
    padding: 0 .2667rem;
    height: .5333rem;
    line-height: .5333rem;
    border-radius: .2667rem;
    color: #FFFFFF;
    font-size: .3149rem;
    background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
    cursor: pointer;
}

.drjh-page .content .phone-box .btn.blue {
    margin-left: .2667rem;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.drjh-page .content .commit-btn {
    margin: .9067rem auto 0;
    width: 7.52rem;
    height: 1.0133rem;
    border-radius: .5067rem;
    line-height: 1.0133rem;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
    font-size: .4rem;
    text-align: center;
    color: #FFFFFF;
}

/* 任务审核2 */
.taskaudit2-page {
    padding-bottom: .3733rem;
}

.taskaudit2-page .top-wrap {
    margin: .3733rem auto 0;
    width: 9.2rem;
    height: 2.3467rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.taskaudit2-page .top-wrap .left {
    margin-left: .5333rem;
    display: flex;
    align-items: center;
    height: 2.3467rem;
}

.taskaudit2-page .top-wrap .left .avatar {
    width: 1.3333rem;
    height: 1.3333rem;
    border-radius: 50%;
    overflow: hidden;
}

.taskaudit2-page .top-wrap .left .avatar img {
    width: 100%;
    height: 100%;
}

.taskaudit2-page .top-wrap .left .user-info {
    margin-left: .2667rem;
}

.taskaudit2-page .top-wrap .left .user-info .nickname {
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.taskaudit2-page .top-wrap .left .user-info .phone {
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
}

.taskaudit2-page .top-wrap .right {
    margin-right: .7733rem;
    height: .48rem;
    font-size: .3733rem;
    line-height: .48rem;
    color: #EE2C2C;
}

.taskaudit2-page .content-wrap {
    margin: .32rem auto 0;
    width: 9.2rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    padding: .4rem .5333rem .7467rem;
    box-sizing: border-box;
    overflow: hidden;
}

.taskaudit2-page .content-wrap .title-box {
    display: flex;
    align-items: center;
    height: .5867rem;
    margin-bottom: .3733rem;
}

.taskaudit2-page .content-wrap .title-box .sy {
    width: .48rem;
    height: .16rem;
    transform: rotate(-90deg);
    border-radius: .8rem;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit2-page .content-wrap .title-box .title {
    margin-left: .2133rem;
    height: .5867rem;
    font-size: .4267rem;
    line-height: .5867rem;
    color: #000000;
}

.taskaudit2-page .content-wrap .order-no {
    padding-left: .2667rem;
    height: .5333rem;
    font-size: 14px;
    line-height: .5333rem;
    color: #666666;
    margin-bottom: .16rem;
}

.taskaudit2-page .content-wrap .hr {
    margin-top: .3733rem;
    width: 8.1867rem;
    height: .0267rem;
    background: #EDEEF2;
}

.taskaudit2-page .content-wrap .red-row {
    margin-top: .16rem;
    height: .56rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.taskaudit2-page .content-wrap .red-row .left {
    height: .56rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.taskaudit2-page .content-wrap .red-row .left .label {
    height: .48rem;
    font-size: .3467rem;
    line-height: .48rem;
    color: #666666;
}

.taskaudit2-page .content-wrap .red-row .left .symbol {
    color: #F73131;
    font-size: .2704rem;
}

.taskaudit2-page .content-wrap .red-row .left .amount {
    height: .56rem;
    font-size: .3931rem;
    line-height: .56rem;
    color: #F73131;
}

.taskaudit2-page .content-wrap .red-row .right {
    height: .48rem;
    font-size: .32rem;
    line-height: .48rem;
    color: #EE2C2C;
}

.taskaudit2-page .content-wrap .btn-list {
    margin: .8267rem auto 0;
    width: 7.2533rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.12rem;
}

.taskaudit2-page .content-wrap .btn-list .btn {
    width: 3.36rem;
    height: 1.12rem;
    line-height: 1.12rem;
    border-radius: .56rem;
    background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
    font-size: .4rem;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.taskaudit2-page .content-wrap .btn-list .btn.blue {
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.taskaudit2-page .content-wrap .reject-title {
    margin-top: 1.0933rem;
    height: .5867rem;
    font-size: .4267rem;
    line-height: .5867rem;
    color: #000000;
}

.taskaudit2-page .content-wrap textarea {
    margin: .3467rem auto 0;
    width: 8.08rem;
    height: 3.5467rem;
    border-radius: .1067rem;
    background: #F6F6F6;
    resize: none;
    box-sizing: border-box;
    padding: .4267rem;
    font-size: .4267rem;
    color: #333333;
    line-height: .7467rem;
    overflow: hidden;
}

/* 市场级别 */
.market-level-page {
    padding-bottom: .32rem;
}

.market-level-page .top-wrap {
    width: 10rem;
    height: 4.2133rem;
    position: relative;
}

.market-level-page .top-wrap .layer-1 {
    position: absolute;
    top: .32rem;
    left: 50%;
    transform: translateX(-50%);
    width: 8.6667rem;
    height: 1.3867rem;
    border-radius: .2667rem;
    background: #232734;
}

.market-level-page .top-wrap .layer-2 {
    position: absolute;
    top: 1.36rem;
    left: 50%;
    transform: translateX(-50%);
    width: 9.2rem;
    height: 2.8533rem;
    border-radius: .2133rem;
    overflow: hidden;
}

.market-level-page .top-wrap .layer-2 img {
    width: 100%;
    height: 100%;
}

.market-level-page .top-wrap .layer-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 4.2133rem;
}

.market-level-page .top-wrap .layer-3 .money-box {
    height: .8rem;
    line-height: .8rem;
    font-size: .8rem;
    color: #FFDBB5;
}

.market-level-page .top-wrap .layer-3 .money-box span {
    font-size: .64rem;
}

.market-level-page .top-wrap .layer-3 .title-box {
    margin-top: .5867rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.market-level-page .top-wrap .layer-3 .title-box .left {
    width: .5333rem;
    height: .5333rem;
}

.market-level-page .top-wrap .layer-3 .title-box .left img {
    width: 100%;
    height: 100%;
}

.market-level-page .top-wrap .layer-3 .title-box .right {
    margin-left: .16rem;
    height: .5867rem;
    line-height: .5867rem;
    color: #FFE1C0;
    font-size: .3733rem;
}

.market-level-page .top-wrap .layer-3 .middle-box {
    margin-top: .6133rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .5707rem;
    line-height: .5707rem;
}

.market-level-page .top-wrap .layer-3 .middle-box .left {
    margin-left: 1.04rem;
    color: #FFDBB5;
    font-size: .32rem;
}

.market-level-page .top-wrap .layer-3 .middle-box .right {
    margin-right: .7733rem;
    width: 1.7867rem;
    height: .5707rem;
    line-height: .5707rem;
    border-radius: .32rem;
    background: linear-gradient(90deg, #FFEACB 0%, #E8BC77 100%);
    text-align: center;
    color: #333333;
    font-size: .32rem;
    cursor: pointer;
}

.market-level-page .top-wrap .layer-3 .fenhong-box {
    margin-top: .5467rem;
    display: flex;
    overflow: hidden;
}

.market-level-page .top-wrap .layer-3 .fenhong-box .text {
    margin-right: .1067rem;
    margin-top: .3733rem;
    margin-left: 1.04rem;
    height: .32rem;
    line-height: .32rem;
    color: #FFDBB5;
    font-size: .32rem;
}

.market-level-page .top-wrap .layer-3 .bottom-box {
    margin: .2013rem auto 0;
    display: flex;
    justify-content: space-between;
    width: 9.2rem;
}

.market-level-page .top-wrap .layer-3 .bottom-box .item {
    width: 4.5867rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.market-level-page .top-wrap .layer-3 .bottom-box .item .text {
    margin-top: .1333rem;
    height: .32rem;
    line-height: .32rem;
    font-size: .32rem;
    font-weight: 600;
    color: #FFDBB5;
}

.market-level-page .content-wrap {
    margin: .32rem auto 0;
    width: 9.2rem;
    padding-bottom: .8533rem;
    background: #FFFFFF;
    border-radius: .2667rem;
    overflow: hidden;
}

.market-level-page .content-wrap .top-box {
    margin-top: .4267rem;
    display: flex;
    align-items: center;
    height: .5867rem;
}

.market-level-page .content-wrap .top-box .fh {
    margin-left: .4533rem;
    margin-right: .24rem;
    width: .48rem;
    height: .16rem;
    transform: rotate(-90deg);
    border-radius: .8rem;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
}

.market-level-page .content-wrap .top-box .title {
    height: .5867rem;
    line-height: .5867rem;
    color: #000000;
    font-size: .4267rem;
    font-weight: 600;
}

.market-level-page .content-wrap .table-header {
    margin: .24rem auto 0;
    width: 8.48rem;
    height: .8267rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(246, 246, 246, 0.6);
    padding: 0 1.0133rem 0 .4rem;
    box-sizing: border-box;
}

.market-level-page .content-wrap .table-header div {
    height: .5333rem;
    line-height: .5333rem;
    font-size: .3733rem;
    color: #333333;
}

.market-level-page .content-wrap .list {
    margin: 0 auto;
    width: 8.48rem;
}

.market-level-page .content-wrap .list .row {
    height: 1.68rem;
    align-items: center;
    display: flex;
    border-bottom: .0267rem solid #EDEEF2;
}

.market-level-page .content-wrap .list .row .datetime {
    padding-left: .32rem;
    box-sizing: border-box;
    width: 2.4533rem;
    color: #777777;
    font-size: .32rem;
    line-height: .4533rem;
    display: flex;
    flex-direction: column;
}

.market-level-page .content-wrap .list .row .middle {
    width: 3.3067rem;
    height: 1.68rem;
    line-height: 1.68rem;
    text-align: center;
    color: #777777;
    font-size: .32rem;
}

.market-level-page .content-wrap .list .row .last {
    width: 2.7467rem;
    height: .56rem;
    line-height: .56rem;
    font-size: .3931rem;
    color: #F73131;
    text-align: center;
}

.market-level-page .content-wrap .list .row .last span {
    font-size: .2704rem;
}

/* 登录 */
.login-page {
    padding-bottom: 1.4933rem;
}

.login-page .content-wrap {
    margin: 0 auto;
    width: 8.2933rem;
}

.login-page .content-wrap .hi {
    margin-top: .64rem;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #303030;
    font-size: .8533rem;
}

.login-page .content-wrap .welcome {
    margin-top: .1067rem;
    margin-bottom: .5333rem;
    height: .5867rem;
    line-height: .5867rem;
    color: #303030;
    font-size: .4267rem;
}

.login-page .content-wrap .input-wrap {
    height: 1.6rem;
    border-bottom: .0133rem solid #EDEEF2;
    overflow: hidden;
    position: relative;
}

.login-page .content-wrap .input-wrap input {
    margin-top: .88rem;
    width: 70%;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.login-page .content-wrap .input-wrap input::placeholder {
    font-size: .3733rem;
    color: #B6BDBD;
}

.login-page .content-wrap .input-wrap .send-code {
    position: absolute;
    right: 0;
    bottom: .16rem;
    position: absolute;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #397BFF;
    cursor: pointer;
}

.login-page .content-wrap .jump-list {
    margin-top: .4267rem;
    line-height: .4267rem;
    height: .4267rem;
    display: flex;
    justify-content: space-between;
}

.login-page .content-wrap .jump-list a {
    color: #646466;
    font-size: .32rem;
}

.login-page .content-wrap .tips {
    margin-top: .32rem;
    height: .4267rem;
    font-size: .32rem;
    line-height: .4267rem;
    color: #646466;
}

.login-page .content-wrap .commit-btn {
    margin-top: .8533rem;
    width: 8.2933rem;
    height: 1.28rem;
    line-height: 1.28rem;
    border-radius: .64rem;
    background: #2493F1;
    color: #FFFFFF;
    font-size: .4267rem;
    text-align: center;
    cursor: pointer;
}

.login-page .content-wrap .commit-btn.disable {
    background: #C6C7CB;
}

.login-page .content-wrap .protocol {
    position: fixed;
    left: 50%;
    width: 10rem;
    transform: translateX(-50%);
    bottom: .32rem;
    line-height: .4267rem;
    font-size: .2933rem;
    color: #646466;
    text-align: center;
}

.login-page .content-wrap .protocol a {
    color: #1A66FF;
    cursor: pointer;
}

/* 积分商场 */
.point-mall-page {
    padding-bottom: .32rem;
}

.point-mall-page .banner {
    margin: .2933rem auto .24rem;
    width: 9.36rem;
    height: 3.8667rem;
    border-radius: .16rem;
    overflow: hidden;
}

.point-mall-page .banner #carousel1 {
    width: 100%;
    height: 100%;
}

.point-mall-page .banner #carousel1 .carousel-item img {
    width: 100%;
    height: 100%;
}

.point-mall-page .banner #carousel1 .carousel-dots {
    left: 50%;
    transform: translateX(-50%);
    bottom: .2133rem;
}

.point-mall-page .banner #carousel1 .carousel-dots .dot {
    margin-right: .1067rem;
    width: .1067rem;
    height: .1067rem;
    border-radius: .0533rem;
    background: #FFFFFF;
}

.point-mall-page .banner #carousel1 .carousel-dots .dot.active {
    width: .4267rem;
}

.point-mall-page .tag-wrap {
    height: 1.4933rem;
    overflow: hidden;
}

.point-mall-page .tag-wrap .tag-list::-webkit-scrollbar {
    display: none;
}

.point-mall-page .tag-wrap .tag-list {
    padding-left: .4133rem;
    width: 10rem;
    box-sizing: border-box;
    height: 1.4933rem;
    display: flex;
    overflow-x: scroll;
    background: #FFFFFF;
}

.point-mall-page .tag-wrap .tag-list .item {
    padding: 0 .2rem;
    height: 1.4933rem;
    position: relative;
    width: 3.2rem;
    cursor: pointer;
}

.point-mall-page .tag-wrap .tag-list .item .text {
    margin-top: .56rem;
    height: .5333rem;
    font-size: .3733rem;
    line-height: .5333rem;
    text-wrap: none;
    color: #777777;
    white-space: nowrap;
}

.point-mall-page .tag-wrap .tag-list .item img {
    position: absolute;
    display: none;
    margin-top: .08rem;
    bottom: .1131rem;
    left: 50%;
    transform: translateX(-50%);
    width: .4365rem;
    height: .1803rem;
}

.point-mall-page .tag-wrap .tag-list .item.active .text {
    margin-top: .3733rem;
    height: .7467rem;
    line-height: .7467rem;
    color: #000000;
    font-size: .5333rem;
}

.point-mall-page .tag-wrap .tag-list .item.active img {
    display: block;
}

.point-mall-page .product-list {
    display: flex;
    flex-wrap: wrap;
}

.point-mall-page .product-list .item {
    margin-left: .32rem;
    margin-top: .2667rem;
    width: 4.5333rem;
    height: 6.5333rem;
    border-radius: .1067rem;
    background: #FFFFFF;
    overflow: hidden;
}

.point-mall-page .product-list .item .image {
    width: 4.5333rem;
    height: 4.5333rem;
}

.point-mall-page .product-list .item .image img {
    width: 100%;
    height: 100%;
}

.point-mall-page .product-list .item .title {
    margin: .4rem auto 0;
    width: 4rem;
    height: .4rem;
    font-size: .4rem;
    line-height: .4rem;
    color: #333333;
}

.point-mall-page .product-list .item .bottom-box {
    margin: .2933rem auto 0;
    width: 4rem;
    height: .64rem;
    display: flex;
    justify-content: space-between;
}

.point-mall-page .product-list .item .bottom-box .left {
    height: .64rem;
    display: flex;
    align-items: center;
}

.point-mall-page .product-list .item .bottom-box .left img {
    width: .3733rem;
    height: .3733rem;
}

.point-mall-page .product-list .item .bottom-box .left span {
    height: .4267rem;
    line-height: .4267rem;
    color: #3467F8;
    font-size: .4267rem;
}

.point-mall-page .product-list .item .bottom-box .right {
    width: 1.8667rem;
    height: .64rem;
    line-height: .64rem;
    border-radius: .32rem;
    background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
    box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
    color: #FFFFFF;
    font-size: .32rem;
    text-align: center;
    cursor: pointer;
}

/* 商场小程序版本 */

.mini-mall .top-box {
    display: flex;
    align-items: center;
    position: fixed;
    top: 1.1733rem;
    left: 0;
    height: 1.6rem;
    width: 100%;
    z-index: 999;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.mini-mall .top-box .search-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    background: #eee;
    border-radius: 0.67rem;
    height: 1.04rem;
    width: calc(100% - 0.53rem);
    z-index: 999;
    margin: 0.27rem 0 0.27rem 0.27rem;
}

.mini-mall .top-box .search-box .icon {
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.4rem;
}

.mini-mall .top-box .search-box .btn {
    color: #fff;
    font-size: 0.32rem;
    width: 1.73rem;
    height: 0.67rem;
    line-height: 0.67rem;
    background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
    border-radius: 0.67rem;
    text-align: center;
    margin-right: 0.13rem;
}

.mini-mall .top-box .search-box .input {
    flex: 1;
    height: 1.04rem;
    margin: 0 0.27rem;
    background: #eee;
}

.mini-mall .recommend-box {
    margin-top: 1.8rem;
}

.mini-mall .recommend-box .list {
    margin: .5067rem auto 0;
    width: 9.36rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mini-mall .recommend-box .list .item {
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 11px;
    margin-bottom: 10px;
    background: #FFFFFF;
}

.mini-mall .recommend-box .list .item .product-image {
    width: 4.5333rem;
    height: 4.5333rem;
}

.mini-mall .recommend-box .list .item .product-image img {
    width: 100%;
    height: 100%;
}

.mini-mall .recommend-box .list .item .product-title {
    margin-top: .3733rem;
    margin-left: .2667rem;
    width: 4rem;
    height: .4rem;
    font-size: .4rem;
    line-height: .4rem;
    color: #333333;
}

.mini-mall .recommend-box .list .item .bottom {
    margin: .2933rem auto 0;
    width: 4rem;
    height: .64rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mini-mall .recommend-box .list .item .bottom .point-box {
    height: .64rem;
    display: flex;
    align-items: center;
}

.mini-mall .recommend-box .list .item .bottom .point-box img {
    width: .3733rem;
    height: .3733rem;
}

.mini-mall .recommend-box .list .item .bottom .point-box span {
    /*margin-left: .1067rem;*/
    height: .4267rem;
    font-size: .4267rem;
    line-height: .4267rem;
    color: #3467F8;
}

.mini-mall .recommend-box .list .item .bottom .btn {
    padding: 0 .2933rem;
    height: .64rem;
    line-height: .64rem;
    border-radius: .32rem;
    color: #FFFFFF;
    font-size: .32rem;
    background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
    box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
    cursor: pointer;
}

/* 商品详情 */
.product-page .top-wrap {
    width: 10rem;
    height: 10rem;
    position: relative;
    overflow: hidden;
}

.product-page .top-wrap #carousel1 {
    width: 10rem;
    height: 10rem;
}

.product-page .top-wrap #carousel1 .carousel-item img {
    width: 100%;
    height: 100%;
}

.product-page .top-wrap .go-down {
    position: absolute;
    left: .4533rem;
    top: .2933rem;
    width: .5867rem;
    height: .5867rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.product-page .top-wrap .go-down img {
    width: .3733rem;
    height: .1867rem;
}

.product-page .top-wrap .title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: .3733rem;
    width: 6.9333rem;
    font-size: .4267rem;
    font-weight: 500;
    height: .4267rem;
    line-height: .4267rem;
    text-align: center;
    color: #FFFFFF;
}

.product-page .top-wrap .carousel-page {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    width: 1.3333rem;
    height: .5333rem;
    line-height: .5333rem;
    border-radius: .2667rem;
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    font-size: .4rem;
    text-align: center;
}

.product-page .info-box {
    width: 10rem;
    height: 1.8667rem;
    background: #FFFFFF;
    overflow: hidden;
}

.product-page .info-box .title {
    margin: .2667rem auto 0;
    width: 9.2rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .48rem;
    color: #333333;
}

.product-page .info-box .bt {
    margin: .2933rem;
    width: 9.2rem;
    height: .5333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-page .info-box .bt .left {
    height: .5333rem;
    display: flex;
    align-items: center;
}

.product-page .info-box .bt .left img {
    width: .48rem;
    height: .48rem;
}

.product-page .info-box .bt .left span {
    margin-left: .1067rem;
    height: .5333rem;
    font-size: .5333rem;
    line-height: .5333rem;
    color: #3467F8;
}

.product-page .info-box .bt .left .market-price {
    margin-left: .4267rem;
    height: .5333rem;
    display: flex;
    align-items: center;
    border-radius: .0267rem;
    box-sizing: border-box;
    border: 1px solid #0F5A7A;
}

.product-page .info-box .bt .left .market-price .text {
    height: .4267rem;
    line-height: .4267rem;
    font-size: .2667rem;
    padding: 0 .0533rem;
    background: #E0F7FF;
}

.product-page .info-box .bt .left .market-price .price {
    padding: 0 .1067rem;
    height: .2667rem;
    font-size: .2667rem;
    line-height: .2667rem;
    color: #0F5A7A;
}

.product-page .info-box .bt .right {
    display: flex;
    height: .2667rem;
    align-items: center;
}

.product-page .info-box .bt .right .text {
    height: .2667rem;
    line-height: .2667rem;
    font-size: .2667rem;
    color: #999999;
}

.product-page .info-box .bt .right .li {
    margin: 0 .2667rem;
    width: 1px;
    height: .2133rem;
    background: #CCCCCC;
}

.product-page .options-wrap {
    margin: .24rem auto 0;
    width: 9.52rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    padding: .4267rem .3467rem;
    box-sizing: border-box;
}

.product-page .options-wrap .row-1,
.product-page .options-wrap .row-2 {
    margin-bottom: .64rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .5333rem;
}

.product-page .options-wrap .row-1 .left,
.product-page .options-wrap .row-2 .left {
    height: .5333rem;
    display: flex;
    align-items: center;
}

.product-page .options-wrap .row-1 .left .label,
.product-page .options-wrap .row-2 .left .label {
    font-size: .3733rem;
    font-weight: 500;
    color: #999999;
    height: .5333rem;
    line-height: .5333rem;
}

.product-page .options-wrap .row-1 .left .value,
.product-page .options-wrap .row-2 .left .value {
    margin-left: .4533rem;
    font-size: .3733rem;
    font-weight: 500;
    color: #333333;
    height: .5333rem;
    line-height: .5333rem;
}

.product-page .options-wrap .row-1 .left .value span,
.product-page .options-wrap .row-2 .left .value span {
    color: #CCCCCC;
}

.product-page .options-wrap .row-1 .right,
.product-page .options-wrap .row-2 .right {
    width: .3733rem;
    height: .3733rem;
    cursor: pointer;
}

.product-page .options-wrap .row-1 .right img,
.product-page .options-wrap .row-2 .right img {
    width: 100%;
    height: 100%;
}

.product-page .options-wrap .row-3 {
    height: .4533rem;
    font-size: .32rem;
    font-weight: 500;
    line-height: .4533rem;
    color: #CCCCCC;
}

.product-page .options-wrap .row-3 span {
    margin: 0 .2667rem;
}

.product-page .product-detail {
    margin: .2667rem auto 0;
    width: 10rem;
    background: #FFFFFF;
    box-shadow: inset 0px -0.5px 0px 0px #DDDDDD;
}

.product-page .product-detail .detail-top {
    width: 10rem;
    height: 1.0667rem;
    background: #FFFFFF;
    box-shadow: inset 0px -0.5px 0px 0px #DDDDDD;
    display: flex;
}

.product-page .product-detail .detail-top .zz {
    margin-top: .3467rem;
    margin-left: .4rem;
    width: .1067rem;
    height: .3733rem;
    border-radius: .0533rem;
    background: #0F5A7A;
}

.product-page .product-detail .detail-top .title {
    margin-top: .32rem;
    margin-left: .1333rem;
    height: .48rem;
    font-size: .48rem;
    line-height: .48rem;
    color: #333333;
}

.product-page .product-detail .content {
    margin: .2933rem auto 0;
    padding-bottom: .2933rem;
    overflow: hidden;
    width: 9.2rem;
    font-size: .3733rem;
    line-height: .5333rem;
    color: #333333;
}

.product-page .product-detail .content img {
    width: 100%;
    height: auto;
}

.product-page .bottom-wrap .z-height {
    height: 1.6rem;
}

.product-page .bottom-wrap .fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
    height: 1.6rem;
    background: #FFFFFF;
    box-shadow: inset 0px 0.5px 0px 0px #DDDDDD;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-page .bottom-wrap .fixed-bottom .left {
    margin-left: .4rem;
}

.product-page .bottom-wrap .fixed-bottom .left .text {
    height: .2667rem;
    font-size: .2667rem;
    line-height: .2667rem;
    color: #999999;
}

.product-page .bottom-wrap .fixed-bottom .left .price {
    margin-top: .1333rem;
    height: .3733rem;
    font-size: .3733rem;
    line-height: .3733rem;
    color: #F54414;
}

.product-page .bottom-wrap .fixed-bottom .right {
    margin-right: .4rem;
    width: 5.52rem;
    height: 1.1733rem;
    line-height: 1.1733rem;
    border-radius: 220px;
    background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
    box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
    color: #FFFFFF;
    font-size: .48rem;
    text-align: center;
    cursor: pointer;
}

/* 确认订单 */
.checkout-page .address-wrap {
    margin: .16rem auto 0;
    padding: .4267rem 0;
    width: 9.1467rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    position: relative;
}

.checkout-page .address-wrap .position {
    margin-left: .32rem;
    width: .7467rem;
    height: .7467rem;
    background: #F7F7F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-page .address-wrap .position img {
    width: .3733rem;
    height: .3733rem;
}

.checkout-page .address-wrap .info {
    margin-left: .32rem;
    width: 6.9333rem;
}

.checkout-page .address-wrap .info .address {
    width: 100%;
    color: #1A1A1A;
    font-size: .4rem;
    font-weight: bold;
    line-height: .56rem;
}

.checkout-page .address-wrap .info .name-phone {
    margin-top: .1067rem;
    width: 100%;
    line-height: .48rem;
    font-size: .3467rem;
    font-weight: 500;
    color: #666666;
}

.checkout-page .address-wrap .right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .32rem;
    width: .4267rem;
    height: .4267rem;
    cursor: pointer;
}

.checkout-page .address-wrap .right img {
    width: 100%;
    height: 100%;
}

.checkout-page .order-info {
    margin: .32rem auto 0;
    width: 9.1467rem;
    height: 6.7733rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    padding: .32rem 0 .56rem;
    box-sizing: border-box;
}

.checkout-page .order-info .product-info {
    margin: 0 auto;
    width: 8.8267rem;
    display: flex;
    position: relative;
    margin-bottom: .64rem;
}

.checkout-page .order-info .product-info .left {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .16rem;
    overflow: hidden;
}

.checkout-page .order-info .product-info .left img {
    width: 100%;
    height: 100%;
}

.checkout-page .order-info .product-info .right {
    margin-left: .2133rem;
}

.checkout-page .order-info .product-info .right .title {
    margin-top: .1867rem;
    width: 5.8667rem;
    height: .56rem;
    font-size: .4rem;
    font-weight: bold;
    line-height: .56rem;
    color: #1A1A1A;
}

.checkout-page .order-info .product-info .right .subtitle {
    margin-top: .0533rem;
    width: 5.8667rem;
    height: .48rem;
    font-size: .3467rem;
    font-weight: 500;
    line-height: .48rem;
    color: #999999;
}

.checkout-page .order-info .product-info .right .price {
    margin-top: .4533rem;
    height: .5067rem;
    font-size: .4267rem;
    font-weight: 500;
    line-height: .5067rem;
    color: #1A1A1A;
}

.checkout-page .order-info .product-info .number {
    position: absolute;
    right: .32rem;
    bottom: .2667rem;
    font-size: .3733rem;
    height: .4267rem;
    line-height: .4267rem;
    color: #999999;
}

.checkout-page .order-info .amount-row {
    margin: 0 auto .4267rem;
    width: 8.5067rem;
    display: flex;
    height: .5333rem;
    line-height: .5333rem;
    justify-content: space-between;
    align-items: center;
}

.checkout-page .order-info .amount-row .left {
    height: .5333rem;
    font-size: .3733rem;
    font-weight: 500;
    line-height: .5333rem;
    color: #333333;
}

.checkout-page .order-info .amount-row .right {
    height: .5333rem;
    display: flex;
    align-items: center;
}

.checkout-page .order-info .amount-row .right img {
    width: .3733rem;
    right: .3733rem;
    margin-right: .1067rem;
}

.checkout-page .order-info .amount-row .right span {
    height: .4267rem;
    font-size: .4267rem;
    line-height: .4267rem;
    color: #3467F8;
}

.checkout-page .order-info .hr {
    margin: 0 auto;
    width: 8.5067rem;
    height: .0267rem;
    background: #F7F7F7;
}

.checkout-page .order-info .total-row {
    margin: .4533rem auto 0;
    width: 8.5067rem;
    display: flex;
    height: .48rem;
    align-items: center;
}

.checkout-page .order-info .total-row .left {
    margin-left: auto;
    margin-right: 0;
    height: .48rem;
    font-size: .3733rem;
    font-weight: 500;
    line-height: .48rem;
    color: #333333;
}

.checkout-page .order-info .total-row .right {
    margin-right: 0;
    height: .48rem;
    display: flex;
    align-items: center;
}

.checkout-page .order-info .total-row .right img {
    width: .3733rem;
    right: .3733rem;
    margin-right: .1067rem;
}

.checkout-page .order-info .total-row .right span {
    height: .4267rem;
    font-size: .4267rem;
    line-height: .4267rem;
    color: #3467F8;
}

.checkout-page .payment-box {
    margin: .2933rem auto 0;
    width: 9.1467rem;
    height: 1.3867rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .32rem;
    box-sizing: border-box;
}

.checkout-page .payment-box .left {
    font-size: .3733rem;
    font-weight: 500;
    color: #333333;
}

.checkout-page .payment-box .right {
    display: flex;
    align-items: center;
    height: .5333rem;
    cursor: pointer;
}

.checkout-page .payment-box .right span {
    font-size: .3733rem;
    font-weight: 500;
    color: #333333;
}

.checkout-page .payment-box .right img {
    margin-left: .1067rem;
    width: .32rem;
    height: .32rem;
}

.checkout-page .bottom-wrap .z-height {
    height: 1.6rem;
}

.checkout-page .bottom-wrap .fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
    height: 1.6rem;
    background: #FFFFFF;
    box-shadow: inset 0px 0.5px 0px 0px #DDDDDD;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-page .bottom-wrap .fixed-bottom .left {
    margin-left: .4rem;
}

.checkout-page .bottom-wrap .fixed-bottom .left .text {
    height: .2667rem;
    font-size: .2667rem;
    line-height: .2667rem;
    color: #999999;
}

.checkout-page .bottom-wrap .fixed-bottom .left .price {
    margin-top: .1333rem;
    height: .3733rem;
    font-size: .3733rem;
    line-height: .3733rem;
    color: #F54414;
}

.checkout-page .bottom-wrap .fixed-bottom .right {
    margin-right: .4rem;
    width: 5.52rem;
    height: 1.1733rem;
    line-height: 1.1733rem;
    border-radius: .5867rem;
    background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
    box-shadow: 0px 3px 6px 0px rgba(122, 220, 250, 0.29);
    color: #FFFFFF;
    font-size: .48rem;
    text-align: center;
    cursor: pointer;
}

/* 全部订单 */
.order-list-page .tab-list {
    height: 1.1733rem;
    display: flex;
    align-items: center;
    background: #FFFFFF;
}

.order-list-page .tab-list .item {
    flex: 1;
    text-align: center;
    height: 1.1733rem;
    line-height: 1.1733rem;
    font-size: .3733rem;
    font-weight: 500;
    color: #666666;
    cursor: pointer;
}

.order-list-page .tab-list .item.active {
    font-weight: bold;
    color: #1A66FF;
}

.order-list-page .order-list {
    padding-bottom: .32rem;
}

.order-list-page .order-list .item {
    margin: .32rem auto 0;
    width: 9.1467rem;
    height: 4.4267rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.order-list-page .order-list .item .product-info {
    margin: .32rem auto;
    width: 8.5067rem;
    display: flex;
    position: relative;
}

.order-list-page .order-list .item .product-info .left {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .16rem;
    overflow: hidden;
}

.order-list-page .order-list .item .product-info .left img {
    width: 100%;
    height: 100%;
}

.order-list-page .order-list .item .product-info .right {
    margin-left: .2133rem;
}

.order-list-page .order-list .item .product-info .right .title {
    margin-top: .1867rem;
    width: 4.8rem;
    height: .5333rem;
    font-size: .3733rem;
    font-weight: bold;
    line-height: .5333rem;
    color: #1A1A1A;
}

.order-list-page .order-list .item .product-info .right .subtitle {
    margin-top: .08rem;
    width: 4.8rem;
    height: .48rem;
    font-size: .32rem;
    font-weight: 500;
    line-height: .48rem;
    color: #999999;
}

.order-list-page .order-list .item .product-info .right .price {
    margin-top: .4533rem;
    height: .4267rem;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.order-list-page .order-list .item .product-info .right .price img {
    margin-right: .1067rem;
    width: .3733rem;
    height: .3733rem;
}

.order-list-page .order-list .item .product-info .right .price span {
    height: .4267rem;
    font-size: .4267rem;
    font-weight: normal;
    line-height: .4267rem;
    color: #3467F8;
}

.order-list-page .order-list .item .status {
    position: absolute;
    top: .32rem;
    right: .32rem;
    height: .4533rem;
    font-size: .32rem;
    font-weight: 500;
    line-height: .4533rem;
    color: #CCCCCC;
}

.order-list-page .order-list .item .number {
    position: absolute;
    top: 2.0533rem;
    right: .3467rem;
    height: .4rem;
    font-size: .3467rem;
    font-weight: 500;
    line-height: .4rem;
    color: #999999;
}

.order-list-page .order-list .item .btn-list {
    margin: .4267rem auto 0;
    width: 8.5067rem;
    display: flex;
    flex-direction: row-reverse;
}

.order-list-page .order-list .item .btn-list .btn {
    padding: 0 .3733rem;
    height: .8533rem;
    line-height: .8533rem;
    border-radius: .2133rem;
    box-sizing: border-box;
    border: .0267rem solid #CCCCCC;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-left: .1333rem;
}

.order-list-page .order-list .item .btn-list .btn.blue {
    border: none;
    color: #FFFFFF;
    background: linear-gradient(90deg, #7ADCFA 0%, #3467F8 100%);
}

/* 订单详情 */
.order-detail-page {
    padding-bottom: .32rem;
}

.order-detail-page .order-info {
    margin: .2667rem auto 0;
    width: 9.1467rem;
    height: 6.7733rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    padding: .32rem 0 .56rem;
    box-sizing: border-box;
}

.order-detail-page .order-info .product-info {
    margin: 0 auto;
    width: 8.8267rem;
    display: flex;
    position: relative;
    margin-bottom: .64rem;
}

.order-detail-page .order-info .product-info .left {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .16rem;
    overflow: hidden;
}

.order-detail-page .order-info .product-info .left img {
    width: 100%;
    height: 100%;
}

.order-detail-page .order-info .product-info .right {
    margin-left: .2133rem;
}

.order-detail-page .order-info .product-info .right .title {
    margin-top: .1867rem;
    width: 5.8667rem;
    height: .56rem;
    font-size: .4rem;
    font-weight: bold;
    line-height: .56rem;
    color: #1A1A1A;
}

.order-detail-page .order-info .product-info .right .subtitle {
    margin-top: .0533rem;
    width: 5.8667rem;
    height: .48rem;
    font-size: .3467rem;
    font-weight: 500;
    line-height: .48rem;
    color: #999999;
}

.order-detail-page .order-info .product-info .right .price {
    margin-top: .4533rem;
    height: .5067rem;
    font-size: .4267rem;
    font-weight: 500;
    line-height: .5067rem;
    color: #1A1A1A;
}

.order-detail-page .order-info .product-info .number {
    position: absolute;
    right: .32rem;
    bottom: .2667rem;
    font-size: .3733rem;
    height: .4267rem;
    line-height: .4267rem;
    color: #999999;
}

.order-detail-page .order-info .amount-row {
    margin: 0 auto .4267rem;
    width: 8.5067rem;
    display: flex;
    height: .5333rem;
    line-height: .5333rem;
    justify-content: space-between;
    align-items: center;
}

.order-detail-page .order-info .amount-row .left {
    height: .5333rem;
    font-size: .3733rem;
    font-weight: 500;
    line-height: .5333rem;
    color: #333333;
}

.order-detail-page .order-info .amount-row .right {
    height: .5333rem;
    display: flex;
    align-items: center;
}

.order-detail-page .order-info .amount-row .right img {
    width: .3733rem;
    right: .3733rem;
    margin-right: .1067rem;
}

.order-detail-page .order-info .amount-row .right span {
    height: .4267rem;
    font-size: .4267rem;
    line-height: .4267rem;
    color: #3467F8;
}

.order-detail-page .order-info .hr {
    margin: 0 auto;
    width: 8.5067rem;
    height: .0267rem;
    background: #F7F7F7;
}

.order-detail-page .order-info .total-row {
    margin: .4533rem auto 0;
    width: 8.5067rem;
    display: flex;
    height: .48rem;
    align-items: center;
}

.order-detail-page .order-info .total-row .left {
    margin-left: auto;
    margin-right: 0;
    height: .48rem;
    font-size: .3733rem;
    font-weight: 500;
    line-height: .48rem;
    color: #333333;
}

.order-detail-page .order-info .total-row .right {
    margin-right: 0;
    height: .48rem;
    display: flex;
    align-items: center;
}

.order-detail-page .order-info .total-row .right img {
    width: .3733rem;
    right: .3733rem;
    margin-right: .1067rem;
}

.order-detail-page .order-info .total-row .right span {
    height: .4267rem;
    font-size: .4267rem;
    line-height: .4267rem;
    color: #3467F8;
}

.order-detail-page .address-wrap {
    margin: .2667rem auto 0;
    padding: .4267rem 0;
    width: 9.1467rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    position: relative;
}

.order-detail-page .address-wrap .position {
    margin-left: .32rem;
    width: .7467rem;
    height: .7467rem;
    background: #F7F7F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-detail-page .address-wrap .position img {
    width: .3733rem;
    height: .3733rem;
}

.order-detail-page .address-wrap .info {
    margin-left: .32rem;
    width: 6.9333rem;
}

.order-detail-page .address-wrap .info .address {
    width: 100%;
    color: #1A1A1A;
    font-size: .4rem;
    font-weight: bold;
    line-height: .56rem;
}

.order-detail-page .address-wrap .info .name-phone {
    margin-top: .1067rem;
    width: 100%;
    line-height: .48rem;
    font-size: .3467rem;
    font-weight: 500;
    color: #666666;
}

.order-detail-page .address-wrap .right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .32rem;
    width: .4267rem;
    height: .4267rem;
    cursor: pointer;
}

.order-detail-page .address-wrap .right img {
    width: 100%;
    height: 100%;
}

.order-detail-page .detail-wrap {
    margin: .24rem auto 0;
    width: 9.1467rem;
    border-radius: .2667rem;
    background: #FFFFFF;
    padding: .4267rem .32rem .0533rem;
    box-sizing: border-box;
}

.order-detail-page .detail-wrap .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .32rem;
    color: #999999;
    font-size: .3733rem;
    height: .5067rem;
    line-height: .5067rem;
}

.order-detail-page .detail-wrap .row .right {
    display: flex;
    align-items: center;
    height: .5067rem;
}

.order-detail-page .detail-wrap .row .right .copy {
    margin-right: .1333rem;
    height: .4267rem;
    font-size: .32rem;
    font-weight: 300;
    line-height: .4267rem;
    color: #1A66FF;
    cursor: pointer;
}

.order-detail-page .bottom-wrap .z-height {
    height: 1.6rem;
}

.order-detail-page .bottom-wrap .fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 10rem;
    height: 1.6rem;
    background: #FFFFFF;
    box-shadow: inset 0px 0.5px 0px 0px #DDDDDD;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.0133rem;
    box-sizing: border-box;
}

.order-detail-page .bottom-wrap .fixed-bottom .left,
.order-detail-page .bottom-wrap .fixed-bottom .right {
    margin-right: .4rem;
    width: 5.52rem;
    height: 1.12rem;
    line-height: 1.12rem;
    border-radius: .56rem;
    background: linear-gradient(90deg, #2493F1 0%, #7DC7FF 100%);
    color: #FFFFFF;
    font-size: .4rem;
    text-align: center;
    cursor: pointer;
}

.order-detail-page .bottom-wrap .fixed-bottom .left {
    background: linear-gradient(90deg, #44D7B6 0%, #5EF2D2 100%);
}